在HTML文本中，用尖括號(hào)括起來(lái)的部分稱為，標(biāo)簽通常有開(kāi)始標(biāo)簽和結(jié)束標(biāo)簽，它們一起限定了這個(gè)標(biāo)簽所包含的內(nèi)容。屬性只能在開(kāi)始標(biāo)簽中指定，屬性值可以用單引號(hào)或雙引號(hào)括起來(lái)。結(jié)束標(biāo)簽都以/加上標(biāo)簽名來(lái)表示。有時(shí)候，有些標(biāo)簽并不包含其它內(nèi)容（只包括自己的屬性，甚至連屬性都沒(méi)有），這種情況下，可以寫(xiě)成類似這樣：<img src="logo.gif" />。注意最后的一個(gè)空格和一個(gè)反斜杠，它說(shuō)明這個(gè)標(biāo)簽已經(jīng)結(jié)束，不需要單獨(dú)的結(jié)束標(biāo)簽了。

某些標(biāo)簽包含的內(nèi)容中還可以有新的標(biāo)簽，新的標(biāo)簽名甚至可能還可以與包含它的標(biāo)簽的名稱相同（哪些標(biāo)簽可以包含標(biāo)簽，可以包含哪些標(biāo)簽也是有規(guī)定的）。在這種情況下，最后出現(xiàn)的標(biāo)簽應(yīng)該最先結(jié)束。比如：

<div>

<div>分類目錄...</div>

<div>當(dāng)前分類內(nèi)容列表...</div>

</div>

HTML文檔里所有的空白符（空格，Tab，換行，回車）會(huì)被瀏覽器忽略，唯一的例外是空格，對(duì)空格的處理方式是所有連續(xù)的空格被當(dāng)成一個(gè)空格，不管有一個(gè)，還是兩個(gè)，還是100個(gè)。之所以有這樣的規(guī)則是因?yàn)楹雎钥瞻追茏屖褂肏TML的作者以他覺(jué)得最方便的格式來(lái)排列內(nèi)容，比如可以在每個(gè)標(biāo)簽開(kāi)始后增加縮進(jìn)，標(biāo)簽結(jié)束后減少縮進(jìn)。由于英語(yǔ)文本中空格用得很普遍（用于分隔單詞），所以對(duì)空格做了這樣的特殊處理。如果要顯示連續(xù)的空格（比如為了縮進(jìn)），應(yīng)該用&nbsp;來(lái)代表空格。

常用標(biāo)簽介紹

文本

最常用的標(biāo)簽可能是<font>了，它用于改變字體、字號(hào)和文字顏色。

<font size="6">6</font>

<font size="4">4</font>

<font color="red" size="5">紅色的5</font>

<font face="黑體">黑體的字</font>

加粗、下劃線和斜體字也是常用的文字效果，它們分別用<b>,<u>,<i>表示：

<b>Bold</b>

<i>italic</i>

<u>underline</u>

還有一些標(biāo)簽，用來(lái)指出包含的文本有特殊的意義，比如<abbr>（表示縮寫(xiě)），<em>（表示強(qiáng)調(diào)），<strong>（表示更強(qiáng)地強(qiáng)調(diào)）,<cite>（表示引用），<address>（表示地址）等等。這些標(biāo)簽不是為了定義顯示效果而存在的，所以從瀏覽器里看它們可能沒(méi)有任何效果，也可能不同的瀏覽器對(duì)這些標(biāo)簽的顯示效果完全不同。

一篇很長(zhǎng)的文章，如果有合適的小標(biāo)題的話，就可以快速地對(duì)它的內(nèi)容進(jìn)行大致的了解。在HTML里，用來(lái)表示標(biāo)題的標(biāo)簽有：<h1>,<h2>,<h3>,<h4>,<h5>,<h6>，它們分別表示一級(jí)標(biāo)題，二級(jí)標(biāo)題，三級(jí)標(biāo)題...

<h1>HTML基礎(chǔ)教程</h1>

<h2>什么是HTML</h2>

...

<h2>HTML是什么樣的</h2>

...

<hr>標(biāo)簽用于在頁(yè)面上添加橫線?？梢酝ㄟ^(guò)指定width和color屬性來(lái)控制橫線的長(zhǎng)度和顏色。

<hr width="90%" color="red" />

<img>標(biāo)簽用于在頁(yè)面上添加圖片，src屬性指定圖片的地址，如果無(wú)法打開(kāi)src指定的圖片，瀏覽器通常會(huì)在頁(yè)面上需要顯示圖片的地方顯示alt屬性定義的文本。

<img src="" alt="圖片簡(jiǎn)介" />

鏈接

超級(jí)鏈接用<a>標(biāo)簽表示，href屬性指定了鏈接到的地址。<a>標(biāo)簽可以包含文本，也可以包含圖片。

<a href="src="" alt="驗(yàn)證HTML" /></a>

分段與換行

由于HTML文檔會(huì)忽略空白符，所以要想保證正常的分段換行的話，必須指出哪些文字是屬于同一段落的，這就用到了標(biāo)簽<p>。表格

<p>這是第一段。</p>

<p>這是第二段。</p>

也可以用<br>。<br>只表示換行，不表示段落的開(kāi)始或結(jié)束，所以通常沒(méi)有結(jié)束標(biāo)簽。

這是第一段。<br />

這是第二段。<br />

有時(shí)，要把文檔看作不同的部分組合起來(lái)的，比如一個(gè)典型的頁(yè)面可能包括三個(gè)部分：頁(yè)頭，主體，頁(yè)腳。<div>標(biāo)簽專門(mén)用于標(biāo)明不同的部分：

<div>頁(yè)頭內(nèi)容</div>

<div>主體內(nèi)容</div>

<div>頁(yè)腳內(nèi)容</div>

注：DIV標(biāo)簽與CSS代碼（DIV+CSS）是目前最符合規(guī)范的網(wǎng)頁(yè)排版方法，做到了內(nèi)容與樣式的分離。

更多信息請(qǐng)查看IT技術(shù)專欄