HTML 段落 - 绿叶网

在 HTML 中，我们可以使用 p 标签来定义一个段落。p 标签是 HTML 中常用的块级元素，它可以包含文本、图片等。

语法：

<p>段落内容</p>

说明：

p，是 “paragraph” 的缩写。

注意: p 标签内部一般不能放 div 标签，但 div 标签内部却可以放 p 标签，这是一个约定俗成的代码规范。

示例：使用 HTML 段落标签

运行代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
    <h3>爱莲说</h3>
    <p>水陆草木之花，可爱者甚蕃。晋陶渊明独爱菊。自李唐来，世人甚爱牡丹。予独爱莲之出淤泥而不染，濯清涟而不妖，中通外直，不蔓不枝，香远益清，亭亭净植，可远观而不可亵玩焉。</p>
    <p>予谓菊，花之隐逸者也；牡丹，花之富贵者也；莲，花之君子者也。噫！菊之爱，陶后鲜有闻；莲之爱，同予者何人? 牡丹之爱，宜乎众矣。</p>
</body>
</html>

页面效果如下图所示。

HTML段落

分析：

从页面效果可以看出，p 标签的内容会自动换行，并且两个段落之间会有一定的间距。

可能有小伙伴会问：“如果想要改变文本颜色或字体大小，应该怎么做呢？” 大家别忘了：HTML 用于控制网页的结构，CSS 用于控制网页的外观。

文本颜色、字体大小等都属于网页的外观，它们都是由 CSS 来定义的。在 HTML 的学习中，我们只需要关心用什么标签即可。而对于页面外观控制，等学了 CSS 自然就清楚了。