在HTML文本中,用尖括號括起來的部分稱為,標(biāo)簽通常有開始標(biāo)簽和結(jié)束標(biāo)簽,它們一起限定了這個標(biāo)簽所包含的內(nèi)容。屬性只能在開始標(biāo)簽中指定,屬性值可以用單引號或雙引號括起來。結(jié)束標(biāo)簽都以/加上標(biāo)簽名來表示。有時候,有些標(biāo)簽并不包含其它內(nèi)容(只包括自己的屬性,甚至連屬性都沒有),這種情況下,可以寫成類似這樣:<img src="logo.gif" />。注意最后的一個空格和一個反斜杠,它說明這個標(biāo)簽已經(jīng)結(jié)束,不需要單獨的結(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,換行,回車)會被瀏覽器忽略,唯一的例外是空格,對空格的處理方式是所有連續(xù)的空格被當(dāng)成一個空格,不管有一個,還是兩個,還是100個。之所以有這樣的規(guī)則是因為忽略空白符能讓使用HTML的作者以他覺得最方便的格式來排列內(nèi)容,比如可以在每個標(biāo)簽開始后增加縮進,標(biāo)簽結(jié)束后減少縮進。由于英語文本中空格用得很普遍(用于分隔單詞),所以對空格做了這樣的特殊處理。如果要顯示連續(xù)的空格(比如為了縮進),應(yīng)該用 來代表空格。
常用標(biāo)簽介紹
文本
最常用的標(biāo)簽可能是<font>了,它用于改變字體、字號和文字顏色。
<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)簽,用來指出包含的文本有特殊的意義,比如<abbr>(表示縮寫),<em>(表示強調(diào)),<strong>(表示更強地強調(diào)),<cite>(表示引用),<address>(表示地址)等等。這些標(biāo)簽不是為了定義顯示效果而存在的,所以從瀏覽器里看它們可能沒有任何效果,也可能不同的瀏覽器對這些標(biāo)簽的顯示效果完全不同。
一篇很長的文章,如果有合適的小標(biāo)題的話,就可以快速地對它的內(nèi)容進行大致的了解。在HTML里,用來表示標(biāo)題的標(biāo)簽有:<h1>,<h2>,<h3>,<h4>,<h5>,<h6>,它們分別表示一級標(biāo)題,二級標(biāo)題,三級標(biāo)題...
<h1>HTML基礎(chǔ)教程</h1>
<h2>什么是HTML</h2>
...
<h2>HTML是什么樣的</h2>
...
<hr>標(biāo)簽用于在頁面上添加橫線??梢酝ㄟ^指定width和color屬性來控制橫線的長度和顏色。
<hr width="90%" color="red" />
<img>標(biāo)簽用于在頁面上添加圖片,src屬性指定圖片的地址,如果無法打開src指定的圖片,瀏覽器通常會在頁面上需要顯示圖片的地方顯示alt屬性定義的文本。
<img src="" alt="圖片簡介" />
鏈接
超級鏈接用<a>標(biāo)簽表示,href屬性指定了鏈接到的地址。<a>標(biāo)簽可以包含文本,也可以包含圖片。
<a href="src="" alt="驗證HTML" /></a>
分段與換行
由于HTML文檔會忽略空白符,所以要想保證正常的分段換行的話,必須指出哪些文字是屬于同一段落的,這就用到了標(biāo)簽<p>。表格
<p>這是第一段。</p>
<p>這是第二段。</p>
也可以用<br>。<br>只表示換行,不表示段落的開始或結(jié)束,所以通常沒有結(jié)束標(biāo)簽。
這是第一段。<br />
這是第二段。<br />
有時,要把文檔看作不同的部分組合起來的,比如一個典型的頁面可能包括三個部分:頁頭,主體,頁腳。<div>標(biāo)簽專門用于標(biāo)明不同的部分:
<div>頁頭內(nèi)容</div>
<div>主體內(nèi)容</div>
<div>頁腳內(nèi)容</div>
注:DIV標(biāo)簽與CSS代碼(DIV+CSS)是目前最符合規(guī)范的網(wǎng)頁排版方法,做到了內(nèi)容與樣式的分離。
更多信息請查看IT技術(shù)專欄