HTML <p> 标签用于创建段落上下文。<p> 标签在 p 元素之前和之后生成一个空行。<p> 元素块级元素表示,如果在关闭 </p> 标签之前解析另一个块级元素,它将自动关闭。
从技术上讲,结束语是可选的,但最好包含</p>结束标签,以确保文档 <p> 标签同时支持全局属性和事件属性。
语法
<p>内容</p>
属性
HTML <p>标签支持 HTML 的 全局属性 和 事件属性。
<p>标签示例
在这里,我们将看到段落<p>标签的多个示例。例如,如果我们想以段落形式为任何内容添加介绍或功能,那么我们可以使用 <p> 标签。
段落<p>标签使用示例
在以下示例中,我们将创建一个 HTML 文档,该文档演示了 <p> 标签的工作原理。
<!DOCTYPE html>
<html>
<body>
<p>
ASCII码 是现今最通用的单字节编码系统。
默认字符集为 Windows-1252(它是国际标准ISO 8859-1的一个扩展字符集);
</p>
<p>
响应式网站建设服务公司宣传网站模板是一款为
各种企业提供响应式建站设计服务公司宣传网站模板下载。
</p>
</body>
</html>
段落<p>标签使用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>
段落<p>标签上添加背景色示例
让我们看一下另一个场景,我们将把背景颜色应用于段落文本。
<!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>
段落<p>标签对齐元素示例
在这里,我们将使用 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>
设置段落<p>标签上的默认 CSS
所有元素都带有一些内置样式,在此示例中,您将看到 段落<p>标签的默认 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 |