码农教程 - 一技在手,衣食无忧! tools

HTML <p> 标签

❮上一节 完整的 HTML参考 下一节❯

示例

一个段落标记如下：

<p>This is some text in a paragraph.</p>
亲自试一试 »

下面有更多 "亲自试一试" 示例。

定义和用法

这个<p>标签定义一个段落。

浏览器会自动在每个之前和之后添加一个空行<p>元素。

提示：使用 CSS 来样式段落。

浏览器支持

Element
<p> Yes Yes Yes Yes Yes

全局属性

这个<p>标签还支持HTML 中的全局属性。

事件属性

这个<p>标签还支持HTML 中的事件属性。

更多示例

示例

对齐段落中的文本（使用 CSS）：

<p style="text-align:right">This is some text in a paragraph.</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>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</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;
}
亲自试一试 »


❮上一节 完整的 HTML参考 下一节❯