HTML p 标签 - 绿叶网

HTML p 语法

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

语法：

<p>段落内容</p>

说明：

p，是 “paragraph” 的缩写。

注意: 一般情况下，p 标签内部不应该直接包含其他块级元素（如 div、h1、ul、table 等）。这是一个约定俗成的代码规范，虽然浏览器在某些情况下可能不会报错，但这不符合语义规范。反之，其他块级元素（如 div）内部可以包含 p 标签。

HTML p 摘要

属于	HTML 段落
使用频率	高
兼容性	查看
官方文档	查看
MDN	查看

HTML p 示例

接下来，我们通过一个简单的例子来讲解一下 HTML p 标签是如何使用的。

示例：p 标签基本用法

运行代码

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

页面效果如下图所示。

HTML p标签示例

p 标签的默认样式

在 HTML 中，p 标签具有以下默认的 CSS 样式。

p {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
}