HTML段落標(biāo)簽

89405 閱讀 0 評論 0 點贊

HTML 可以將文檔分割為若干段落，HTML 中可以使用段落標(biāo)簽 來將文檔中的內(nèi)容分割為若干個段落，語法格式如下：

<p>段落，內(nèi)容。</p>

段落標(biāo)簽由開始標(biāo)簽和結(jié)束標(biāo)簽組成，開始和結(jié)束標(biāo)簽之間的內(nèi)容會被視為一個段落。段落標(biāo)簽是一個非?；镜臉?biāo)簽，我們在網(wǎng)頁上發(fā)布文章時就會用到它。

小節(jié)：

1. HTML段落是通過 標(biāo)簽定義的。

注意：瀏覽器會自動地在段落的前后添加空行。（ 是塊級元素）

2. 不要忘記結(jié)束標(biāo)簽

即使忘了使用結(jié)束標(biāo)簽，大多數(shù)瀏覽器也會正確地將 HTML 顯示出來：

<p>這是一個段落
<p>這是另一個段落

運行結(jié)果如下圖所示：

結(jié)束標(biāo)簽

上面的例子在大多數(shù)瀏覽器中都沒問題，但不要依賴這種做法。忘記使用結(jié)束標(biāo)簽會產(chǎn)生意想不到的結(jié)果和錯誤。

注釋：在未來的 HTML 版本中，不允許省略結(jié)束標(biāo)簽。

3. HTML 折行

如果您希望在不產(chǎn)生一個新段落的情況下進行換行（新行），請使用 標(biāo)簽：

實例：

<p>這個<br>段落<br>演示分行的效果</p>

運行結(jié)果如下圖所示：

HTML折行

元素是一個空的 HTML 元素。由于關(guān)閉標(biāo)簽沒有任何意義，因此它沒有結(jié)束標(biāo)簽。

4. HTML 輸出- 使用提醒

我們無法確定 HTML 被顯示的確切效果。屏幕的大小，以及對窗口的調(diào)整都可能導(dǎo)致不同的結(jié)果。

對于 HTML，您無法通過在 HTML 代碼中添加額外的空格或換行來改變輸出的效果。

當(dāng)顯示頁面時，瀏覽器會移除源代碼中多余的空格和空行。所有連續(xù)的空格或空行都會被算作一個空格。需要注意的是，HTML 代碼中的所有連續(xù)的空行（換行）也被顯示為一個空格。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>C語言網(wǎng)(dotcpp.com)</title>
</head>
<body>
<h1>春曉</h1>
<p>春眠不覺曉，<p>處處聞啼鳥。<p>夜來風(fēng)雨聲，<p>花落知多少。<p>
</p>
<p>注意，瀏覽器忽略了源代碼中的排版（省略了多余的空格和換行）。</p>
</body>
</html>

運行結(jié)果如下圖所示：

HTML輸出

5. 段落中的空白符

默認(rèn)情況下，段落標(biāo)簽會對文本中的空白符進行合并，將多個連續(xù)的空白符顯示為一個空格的效果，具體表現(xiàn)為：

（1）如果段落中出現(xiàn)多個連續(xù)的空格，瀏覽器會忽略這些空格只保留一個；

（2）如果段落中出現(xiàn)多個連續(xù)的換行，瀏覽器會將這些換行轉(zhuǎn)換成一個空格。

實例展示：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>C語言網(wǎng)(dotcpp.com)</title>
</head>
<body>
    <p>C語言網(wǎng)(dotcpp.com)，一個在線學(xué)習(xí)編程的網(wǎng)站，網(wǎng)址：<a href="http://www.sztianhecheng.cn/" target="_blank">http://www.sztianhecheng.cn/</a></p>
    <p>C語言網(wǎng)目前已經(jīng)發(fā)布了將近 <b>15</b> 個模塊的教程，包括 HTML、C語言、C++、JavaScript 等模塊，您可以<a href="http://www.sztianhecheng.cn/course/" target="_blank">猛擊這里</a>查看所有教程。</p>
    <p>我們的宗旨：腳踏實地幫助大家學(xué)習(xí)編程的網(wǎng)站。</p>
</body>
</html>

運行結(jié)果如下圖所示：

段落中的空白符