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;
}
自己動手試一試 »
