HTML標(biāo)籤
什麼是標(biāo)籤
標(biāo)籤就是上面這些< head>、< body>、< table> 等被尖括號“<”和「>」包起來的對象,絕大部分的標(biāo)籤都是成對出現(xiàn)的,如< table>< /talbe>、< form>< /form>。標(biāo)籤對中的第一個標(biāo)籤是開始標(biāo)籤,第二個標(biāo)籤是結(jié)束標(biāo)籤,開始和結(jié)束標(biāo)籤也被稱為開放標(biāo)籤和閉合標(biāo)籤;當(dāng)然還有少部分不是成對出現(xiàn)的,如< br> 、< hr>等。標(biāo)籤就是用來標(biāo)示HTML元素的。位於起始標(biāo)籤和結(jié)束標(biāo)籤之間的文字就是HTML元素的內(nèi)容。
提前介紹什麼是元素(對比)
#很多人可能沒有把哪個叫標(biāo)籤,哪個叫元素這個概念搞清楚,學(xué)了一直都是混淆著。 為了避免這樣的悲劇再發(fā)生,我在這裡就提前區(qū)別,事實(shí)上兩者之間的概念還是很清楚的
HTML網(wǎng)頁其實(shí)就是由許許多多各種各樣的HTML元素構(gòu)成的文字文件,並且任何網(wǎng)頁瀏覽器都可以直接執(zhí)行HTML文件。所以可以這樣說,HTML元素就是構(gòu)成HTML檔案的基本對象,HTML元素可以說是一個統(tǒng)稱而已。 HTML元素就是透過使用HTML標(biāo)籤來定義的。
例如< p>這就是一個標(biāo)籤;< p>內(nèi)容< /p>這就是一個元素,也就是說元素由一個開始的標(biāo)籤和結(jié)束的標(biāo)籤組成,用來包含某有些內(nèi)容;這裡有一個值得注意的例外,即< br/>本身既是開始標(biāo)籤也是結(jié)束標(biāo)籤,但不包含任何內(nèi)容,所以這只是個標(biāo)籤。
我們後面會有具體的章節(jié)來講述元素,這裡是為了避免概念與標(biāo)籤混亂先簡單提一下。
常用的標(biāo)籤
我們知道,網(wǎng)頁能實(shí)現(xiàn)各種各樣的定制,實(shí)現(xiàn)各種各樣的功能,反過來可以說明我們的標(biāo)籤種類是很多的,這樣才能實(shí)現(xiàn)各種各樣的功能及定義。而這裡我們先講四個最基本的標(biāo)籤
HTML標(biāo)題 Heading 是透過 < h1> - < h6> 等標(biāo)籤定義的。 範(fàn)例:
<h1>This is first heading</h1> <h2>This is second heading</h2> <h3>This is third heading</h3>
HTML段落 paragraph 是透過 < p> 標(biāo)籤進(jìn)行定義的。 範(fàn)例:
<p>This is a paragraph.</p> <p>This is another paragraph.</p>
HTML連結(jié) 連結(jié) 是透過 < a> 標(biāo)籤進(jìn)行定義的。 範(fàn)例:
<a href="http://miracleart.cn">This is a link</a>
HTML映像 image是透過 <img> 標(biāo)籤進(jìn)行定義的。 範(fàn)例:
<img src="php.jpg" width="100" height="142" />
這裡只是簡單的展示四個常用的標(biāo)籤,至於具體使用方法及其他標(biāo)籤,我們會在後面章節(jié)具體講述。這裡還要補(bǔ)充的一點(diǎn)就是:HTML 標(biāo)籤對大小寫不敏感:< P> 等於 < p>。許多網(wǎng)站都使用大寫的 HTML 標(biāo)籤。 W3School 使用的是小寫標(biāo)籤,因?yàn)槿f維網(wǎng)聯(lián)盟(W3C)在 HTML 4 中建議使用小寫,而在未來 (X)HTML 版本中強(qiáng)制使用小寫。所以在之後的標(biāo)籤,還有屬性的書寫中我們一律採取小寫。