HTML - p 标签

HTML  标签用于创建段落上下文。 标签在 p 元素之前和之后生成一个空行。 元素块级元素表示，如果在关闭 标签之前解析另一个块级元素，它将自动关闭。

从技术上讲，结束语是可选的，但最好包含结束标签，以确保文档 标签同时支持全局属性和事件属性。

语法


<p>内容</p>

属性

HTML 标签支持 HTML 的全局属性和事件属性。

标签示例

在这里，我们将看到段落标签的多个示例。例如，如果我们想以段落形式为任何内容添加介绍或功能，那么我们可以使用 标签。

段落标签使用示例

在以下示例中，我们将创建一个 HTML 文档，该文档演示了 标签的工作原理。


<!DOCTYPE html>
<html>
<body>
	 <p>
 		  ASCII码 是现今最通用的单字节编码系统。
			默认字符集为 Windows-1252(它是国际标准ISO 8859-1的一个扩展字符集);
	 </p>
	 <p>
			响应式网站建设服务公司宣传网站模板是一款为
			各种企业提供响应式建站设计服务公司宣传网站模板下载。
	 </p>
</body>
</html>

段落标签使用CSS示例

考虑以下示例，我们将在其中将 CSS 属性添加到段落文本中。


<!DOCTYPE html>
<html>
<head>
	 <style>
			p {
				 color: red;
				 Border: 1px solid red;
			}
	 </style>
</head>
<body>
	 <p>
			响应式网站建设服务公司宣传网站模板是一款为
			各种企业提供响应式建站设计服务公司宣传网站模板下载。
	 </p>
	 <p>
 			ASCII码 是现今最通用的单字节编码系统。
			默认字符集为 Windows-1252(它是国际标准ISO 8859-1的一个扩展字符集);
	 </p>
</body>
</html>

段落标签上添加背景色示例

让我们看一下另一个场景，我们将把背景颜色应用于段落文本。


<!DOCTYPE html>
<html>
<head>
	 <style>
			p {
				 color: green;
				 Border: 1px solid red;
				 background-color: gray;
			}
	 </style>
</head>
<body>
	 <p>
 			ASCII码 是现今最通用的单字节编码系统。
			默认字符集为 Windows-1252(它是国际标准ISO 8859-1的一个扩展字符集);
	 </p>
	 <p>
			响应式网站建设服务公司宣传网站模板是一款为
			各种企业提供响应式建站设计服务公司宣传网站模板下载。
	 </p>
</body>
</html>

段落标签对齐元素示例

在这里，我们将使用 align 属性来对齐段落文本。


<!DOCTYPE html>
<html>
<body>
	 <p align="center">
			ASCII码 是现今最通用的单字节编码系统。
			默认字符集为 Windows-1252(它是国际标准ISO 8859-1的一个扩展字符集);
	 </p>
	 <p align="right">
 			壁虎是一群通常体型较小、通常在夜间活动的蜥蜴。 
			 它们在除南极洲以外的每个大陆都有发现。 
	 </p>
	 <p align="left">
 			响应式网站建设服务公司宣传网站模板是一款为
			 各种企业提供响应式建站设计服务公司宣传网站模板下载。
	 </p>
</body>
</html>

设置段落标签上的默认 CSS

所有元素都带有一些内置样式，在此示例中，您将看到段落标签的默认 CSS。


<!DOCTYPE html>
<html>
<head>
	 <style>
			p {
					display: block;
					margin-block-start: 1em;
					margin-block-end: 1em;
					margin-inline-start: 0px;
					margin-inline-end: 0px;
			}
	 <style>
</head>
<body>
	 <p>
			壁虎是一群通常体型较小、通常在夜间活动的蜥蜴。 
			它们在除南极洲以外的每个大陆都有发现。 
	 </p>
	 <p>
			响应式网站建设服务公司宣传网站模板是一款为
			各种企业提供响应式建站设计服务公司宣传网站模板下载。
	 </p>
</body>
</html>

支持的浏览器

浏览器
<p>	Yes	Yes	Yes	Yes	Yes

打印本页

HTML - p 标签

语法

属性

<p>标签示例

段落<p>标签使用示例

段落<p>标签使用CSS示例

段落<p>标签上添加背景色示例

支持的浏览器