HTML 可以將文件分割成若干段落,HTML 中可以使用段落標籤<p>來將文件中的內容分割為若干個段落,語法格式如下:
<p>段落,內容。 </p>
段落標籤由開始標籤<p>和結束標籤</p>組成,開始和結束標籤之間的內容會被視為一個段落。段落標籤是一個非常基本的標籤,我們在網頁上發布文章時就會使用它。
小節:
1. HTML段落是透過<p> 標籤定義的。
注意:瀏覽器會自動地在段落的前後新增空白行。 (</p> 是區塊級元素)
2. 不要忘記結束標籤
即使忘了使用結束標籤,大多數瀏覽器也會正確地將HTML 顯示出來:
<p>這是一個段落<p>這是另一個段落
運行結果如下圖所示:
上面的範例在大多數瀏覽器中都沒問題,但不要依賴這種做法。忘記使用結束標籤會產生意想不到的結果和錯誤。
註:在未來的HTML 版本中,不允許省略結束標籤。
3. HTML 折行
如果您希望在不產生一個新段落的情況下進行換行(新行),請使用<br> 標籤:
實例:
<p>這個<br>段落<br>示範分行的效果</p>
運行結果如下圖所示:
<br /> 元素是一個空的HTML 元素。由於關閉標籤沒有任何意義,因此它沒有結束標籤。
4. HTML 輸出- 使用提醒
我們無法確定HTML 被顯示的確切效果。螢幕的大小,以及對視窗的調整都可能導致不同的結果。
對於HTML,您無法透過在HTML 程式碼中新增額外的空格或換行來改變輸出的效果。
當顯示頁面時,瀏覽器會移除原始碼中多餘的空格和空白行。所有連續的空格或空白行都會被算作一個空格。需要注意的是,HTML 程式碼中的所有連續的空白行(換行)也被顯示為一個空格。
<!DOCTYPEhtml><html><head><metacharset=utf-8><title>C語言網(dotcpp.com)</title></head><body><h1>春曉</h1><p>春眠不覺曉,<p>處處聞啼鳥。 <p>夜來風雨聲,<p>花落知多少。 <p></p><p>注意,瀏覽器忽略了原始碼中的排版(省略了多餘的空格和換行)。 </p></body></html>
運行結果如下圖所示:
5. 段落中的空白符
預設情況下,段落標籤會對文字中的空白符號進行合併,將多個連續的空白符號顯示為一個空格的效果,具體表現為:
(1)如果段落中出現多個連續的空格,瀏覽器會忽略這些空格只保留一個;
(2)如果段落中出現多個連續的換行,瀏覽器會將這些換行轉換成一個空格。
實例展示:
<!DOCTYPEhtml><html><head><metacharset=UTF-8><title>C語言網(dotcpp.com)</title></head><body><p>C語言網(dotcpp.com) ,一個線上學習程式設計的網站,網址:<ahref=https://www.dotcpp.com/target=_blank>https://www.dotcpp.com/</a></p><p>C語言網目前已經發布了將近<b>15</b>個模組的教程,包括HTML、C語言、C++、JavaScript等模組,您可以<ahref=https://www.dotcpp.com/course/target= _blank>猛擊這裡</a>查看所有教學。 </p><p>我們的宗旨:腳踏實地幫助大家學習程式設計的網站。 </p></body></html>
運行結果如下圖所示: