目录导航

HTML文档分为不同的段落。 通常通过按ENTER键开始一个新的段落。
在HTML中,浏览器无法理解ENTER键创建的空间。 因此,必须在要开始新段落的位置插入一个特殊的元素或标记,即称为段落元素(P元素)。
即使我们不使用结束标记(即</p>),大多数浏览器也会将一行作为段落读取,但这可能会导致意外的结果。 因此,这既是一个很好的约定,也必须使用结束标记。

段标记是容器标记,它以<p>标签开始和以</p>标签结束。

语法

<p>文本内容</p>

注意 - 浏览器会自动在段落前后添加空行。

HTML段落示例

示例-1

下面是HTML段落的一个简单示例:

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <title>HTML教程</title>    
</head>
<body>
    <h2>HTML换行示例</h2>    
    <p>这是一段内容</p>
    <p>这是另一段内容</p>
    <p>只需要使用 &lt;p&gt; 标签就可以</p>
    <p>它包含有思想有深度的文章。</ p>
</body>
</html>

在浏览器中打开上面代码文件,显示结果如下:

示例-2

当查看网页时,我们会看到在段落之前和之后添加了很少的空格。HTML默认情况下会这样做。下面来看一下段落标记的一些属性:

  • <p>标记会在任何段落之前和之后自动添加空格,这基本上是浏览器添加的边距。
  • 如果用户添加多个空格,则浏览器会将其减少到单个空格。
  • 如果用户添加多行,浏览器会将它们减少到一行。

下面是HTML段落的一个简单示例:

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <title>HTML教程</title>    
</head>
<body>
    <h2>HTML换行示例</h2>    
    <p>
        这是一段内容
        这是一段内容-2
        这是一段内容-3
    </p>
    <p>
        这是另一段内容。
        只需要使用 &lt;p&gt; 标签就可以。
        它包含有思想有深度的文章。
    </p>
</body>
</html>

在浏览器中打开上面代码文件,显示结果如下:

示例-3

<p>标记支持align属性,用于以左,右或中心对齐方式对齐段落内容。
语法:

<p align="value">

示例代码:

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <title>HTML教程</title>    
</head>
<body>
    <h2>HTML段落示例</h2>    
    <p align="center">Welcome to Xntutor.com</p> 
    <p align="left">左边对齐的段落</p> 
    <p align="right">右边对齐的段落</p> 
</body>
</html>

在浏览器中打开上面代码文件,显示结果如下: