HTML 段落


HTML 可以將文件分割為若干段落。


HTML 段落

段落是透過 <p>  標籤定義的。

實例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>

<p>这是一个段落。</p>
<p>这是一个段落。</p>
<p>这是一个段落。</p>

</body>
</html>

運行實例»

點擊"運行實例" 按鈕查看線上實例

注意:瀏覽器會自動地在段落的前後加上空白行。 (</p> 是區塊級元素)


不要忘記結束標籤

即使忘了使用結束標籤,大多數瀏覽器也會正確地將HTML 顯示出來:

實例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<p>这是一个段落
<p>这是另一个段落

</body>
</html>

運行實例»

點擊"運行實例" 按鈕查看線上實例

上面的範例在大多數瀏覽器中都沒問題,但不要依賴這種做法。忘記使用結束標籤會產生意想不到的結果和錯誤。

註解: 在未來的 HTML 版本中,不允許省略結束標籤。


HTML 折行

如果您希望在不產生一個新段落的情況下進行換行(新行),請使用<br /> 標籤

實例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>

<p>这个<br>段落<br>演示了分行的效果</p>

</body>
</html>

運行實例»

點擊"運行實例"按鈕查看線上實例

<br /> 元素是一個空的HTML 元素。由於關閉標籤沒有任何意義,因此它沒有結束標籤。

<br/>標籤的更多介紹可以參考【HTML字典】中<br/> 標籤詳解。


HTML 輸出- 使用提醒

我們無法確定 HTML 被顯示的確切效果。螢幕的大小,以及對視窗的調整都可能導致不同的結果。

對於 HTML,您無法透過在 HTML 程式碼中新增額外的空格或換行來改變輸出的效果。

當顯示頁面時,瀏覽器會移除原始碼中多餘的空格和空白行。所有連續的空格或空白行都會被算作一個空格。需要注意的是,HTML 程式碼中的所有連續的空白行(換行)也被顯示為一個空格。

試試看

(這個範例示範了一些HTML 格式化方面的問題)


本站實例

HTML 段落
如何在瀏覽器中顯示 HTML 段落。

換行
在 HTML 文件中使用換行。

在 HTML 程式碼中的排版一首唐詩
瀏覽器在顯示 HTML 時,會省略原始碼中多餘的空白字元(空格或回車等)。

更多實例

更多段落
段落的預設行為。


HTML 標籤參考手冊

W3CSchool 的標籤參考手冊提供了有關 HTML 元素及其屬性的更多資訊。

標籤描述
#<p>定義一個段落
<br>#插入單一折行(換行)