轻松上手,快乐学习!

HTML <p> 标签



实例

以下代码标记了一个段落:

<p>这是段落中的一些文本。</p>
亲自试一试 »

下面有更多实例。


定义和用法

<p> 标签定义段落。

<p> 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间,您也可以在样式表中规定。

提示: 使用 CSS 设置 段落样式


浏览器支持

元素
<p> Yes Yes Yes Yes Yes

全局属性

<p> 标签支持 HTML 中的全局属性


事件属性

<p> 标签支持 HTML 中的事件属性


更多实例

实例

对齐段落中的文本(使用 CSS):

<p style="text-align:right">这是段落中的一些文本。</p>
亲自试一试 »

实例

使用CSS设置段落样式:

<html>
<head>
<style>
p {
  color: navy;
  text-indent: 30px;
  text-transform: uppercase;
}
</style>
</head>
<body>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

</body>
</html>
亲自试一试 »

实例

关于段落的更多信息:

<p>
这一段
包含很多行
在源代码中,
但浏览器
会忽略它。
</p>
亲自试一试 »

实例

HTML 中的诗歌问题:

<p>
My Bonnie lies over the ocean.
My Bonnie lies over the sea.
My Bonnie lies over the ocean.
Oh, bring back my Bonnie to me.
</p>
亲自试一试 »

相关页面

HTML 教程: HTML 段落

HTML DOM 参考手册: 段落对象


默认CSS设置

大多数浏览器将使用以下默认值显示 <p> 元素:

实例

p {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
}
亲自试一试 »