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> | #插入單一折行(換行) |