HTML <p> 标签
更多“自己尝试”的例子见下文。
定义和用法
The <p> tag defines a paragraph.
Browsers automatically add a single blank line before and after each <p> element.
Tip: Use CSS to style paragraphs.
浏览器支持
| 元素 | |||||
|---|---|---|---|---|---|
| <p> | 是 | 是 | 是 | 是 | 是 |
全局属性
The <p> tag also supports the Global Attributes in HTML.
事件属性
The <p> tag also supports the Event Attributes in HTML.
更多示例
示例
Align text in a paragraph (with CSS)
<p style="text-align:right">This is some text in a paragraph.</p>
自己动手试一试 »
示例
Style paragraphs with 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>
自己动手试一试 »
示例
More on paragraphs
<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>
自己动手试一试 »
示例
Poem problems in 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 reference: Paragraph Object
默认 CSS 设置
Most browsers will display the <p> element with the following default values
示例
p {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
}
自己动手试一试 »
