HTML段落标签<p>

1年前 (2024-04-27)
HTML 中可以使用段落标签 <p> 来将文档中的内容分割为若干个段落,语法格式如下:

<p>段落中的内容。</p>

段落标签由开始标签 <p> 和结束标签 </p> 组成,开始和结束标签之间的内容会被视为一个段落。段落标签是一个非常基本的标签,我们在网页上发布文章时就会用到它,如下例所示:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>HTML段落标签演示</title>

</head>

<body>

<p>C语言中文网,一个在线学习编程的网站,网址:<a href="http://www.biancheng网站站点" rel="nofollow" /> HTML段落标签演示

图1:HTML 段落标签演示

注意:浏览器内置的样式会在段落的上下自动添加一定的空白区域(外边距),您可以使用 CSS margin 属性来设置空白区域的大小。

在 HTML4 以及更早的版本中,可以省略段落标签的结束标签,浏览器会自动补全缺失的结束标签,如下所示:

<p>C语言中文网
<p>HTML教程

<p>http://www.biancheng网站站点" rel="nofollow" />

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>HTML段落中的空白符</title>

</head>

<body>

<p>C语言中文网</p>

<p>http: //c.biancheng网站站点" rel="nofollow" /> HTML段落中的空白符演示

图2:演示 HTML 段落中的空白符


如果想要在段落中换行,需要使用专门的换行标签<br /><br /> 标签属于自闭和标签,因此不需要对应的结束标签</br>,如下例所示:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>使用&lt;br&gt;标签换行</title>

</head>

<body>

<p>C语言中文网<br />http://c.biancheng网站站点" rel="nofollow" /> 换行标签

图3:换行标签的使用