最新的Web開發教程

HTML段落


HTML文檔被分成幾段。


HTML段落

的HTML <p>元素定義一個段落

<p>This is a paragraph</p>
<p>This is another paragraph</p>
試一試»

瀏覽器和前一個段落後自動添加一些空白。


HTML顯示

你無法確定HTML的顯示方式。

或大或小屏幕,並調整窗口大小將產生不同的結果。

隨著HTML,您無法通過在HTML代碼中添加額外的空格或額外的線路改變輸出。

在顯示頁面時,瀏覽器會刪除多餘的空格和多餘的線條。

任意數量的空格,以及多個新的行,算只有一個空格

<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>

<p>
This paragraph
contains         a lot of spaces
in the source         code,
but the        browser
ignores it.
</p>
試一試»

不要忘記結束標記

大多數瀏覽器會顯示HTML即使正確,如果你忘記了結束標籤:

<p>This is a paragraph
<p>This is another paragraph
試一試»

上面的例子可以在大多數瀏覽器中運行,但不依賴於它。

忘記使用結束標籤會產生意想不到的結果或錯誤。

HTML的版本更加嚴格,比如XHTML,不允許你跳過結束標記。


HTML換行符

該HTML <br>元素定義了一個換行符

使用<br> ,如果你想有一個換行符(a new line) ,而無需啟動一個新的段落:

<p>This is<br>a para<br>graph with line breaks</p>
試一試»

<br>元素是一個空的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 <pre>

的HTML <pre>元素定義預格式文本。

一個內的文本<pre>元素顯示在一個固定寬度的字體(通常速遞),和它保留兩個空間和換行符:

<pre>
  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.
</pre>
試一試»

測試自己與練習!

練習1» 練習2» 練習3» 練習4»


HTML標籤參考

w3ii“標籤參考包含有關HTML元素及其屬性的附加信息。

標籤 描述
<p> 定義一個段落
<br> 插入一個換行符
<pre> 定義預格式化文本