站長(zhǎng)資訊網(wǎng)
（推薦教程：html教程）
HTML頁(yè)面的基本代碼結(jié)構(gòu)
<!DOCTYPE html> <html> <head> <title>標(biāo)題</title> </head> <body> 內(nèi)容 </body> </html>
這些由<（左尖角號(hào)）、內(nèi)容以及>（右尖角號(hào)）組成的叫做標(biāo)簽（tag），三者缺一不可。在 HTML 中，使用<>包圍標(biāo)簽的目的是方便將它們與普通文本進(jìn)行區(qū)分。
上述代碼描述的是 HTML 的基本結(jié)構(gòu)，主要使用了 <!DOCTYPE>、<html>、<head>、<title> 以及 <body> 等標(biāo)簽。我們來(lái)分別看一下：
-
<!DOCTYPE>是 Document Type Declaration 的簡(jiǎn)稱(chēng)，用來(lái)聲明文檔，也就是告知 web 瀏覽器當(dāng)前頁(yè)面使用了哪種 HTML 版本編寫(xiě)代碼，此處使用的是 HTML 5 的版本。聲明文檔必不可少，而且必須位于 HTML 文檔的第一行； -
<html>表示頁(yè)面編寫(xiě)的代碼都是 HTML 代碼。它是成對(duì)出現(xiàn)的標(biāo)簽，直到</html>結(jié)束。除了聲明文檔外的所有代碼都必須寫(xiě)在<html></html>中間； -
<head>表示頁(yè)面的"頭部"，頁(yè)面的 title（標(biāo)題）一般寫(xiě)在<head></head>中間； -
<title>表示頁(yè)面的標(biāo)題； -
<body>表示頁(yè)面的"身體"，頁(yè)面中的絕大部分內(nèi)容都可以寫(xiě)在<body></body>之間。
可分為幾層：
第一層：
<!DOCTTYPE>——！文檔類(lèi)型，它的目的是要告訴標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言解析器，它應(yīng)該使用什么樣的文檔類(lèi)型定義（DTD）來(lái)解析文檔，在html5文檔中，一般寫(xiě)為<!DOCTTYPE html> ;值得注意的是，<!DOCTTYPE>不屬于html標(biāo)簽。
<html></html>——-html標(biāo)簽，是html文檔的根標(biāo)簽，所有的網(wǎng)頁(yè)標(biāo)簽都放在這對(duì)標(biāo)簽中，是所有html標(biāo)簽的祖先容器。
第二層：
<head></head>——-頭部標(biāo)簽，代表著html文檔的頭信息，是所有頭部元素的容器，內(nèi)部一般包含：<title> <script><style><meta><link>這些頭部元素。
<body></body>——-網(wǎng)頁(yè)主體標(biāo)簽，其內(nèi)部主要包含著構(gòu)成網(wǎng)頁(yè)內(nèi)容的一些元素，如<p></p>,<span></span>,<div></div>,<table></table>等。這些元素都會(huì)在網(wǎng)頁(yè)的內(nèi)容部分顯示。
3、標(biāo)簽的屬性
就如人有這身高、體重、年齡等這些屬性一樣，html標(biāo)簽也有自己的屬性，如字體顏色，寬，高，背景等。這些屬性一般通過(guò)鍵值對(duì)的形式卸載標(biāo)簽中，是標(biāo)簽的一部分，并且每種標(biāo)簽的屬性都不完全像同，有的標(biāo)簽有著自己特有的屬性。如下圖所示：
4、html注釋
在實(shí)際開(kāi)發(fā)中，我們需要在html文檔中做一些標(biāo)記，方便日后對(duì)代碼的維護(hù)及修改，也方便其他程序員了解我們的代碼。而在html文檔中，注釋的格式為:
HTML 2中標(biāo)簽的區(qū)別
HTML 中的標(biāo)簽根據(jù)閉合狀態(tài)可以分為 2 種，單閉合標(biāo)簽和自閉和標(biāo)簽。接下來(lái)看一下它們之間的區(qū)別。
1. 單閉合標(biāo)簽
HTML 基本結(jié)構(gòu)中的 <html></html>、<head></head>、<title></title> 以及 <body></body> 標(biāo)簽都屬于單閉合標(biāo)簽。其中 <html>、<head>、<title> 以及<body>標(biāo)簽叫做起始標(biāo)簽，</html>、</head>、</title> 以及 </body> 標(biāo)簽叫做結(jié)束標(biāo)簽。由此我們可以看出，單閉合標(biāo)簽是指起始標(biāo)簽和結(jié)束標(biāo)簽同時(shí)存在的標(biāo)簽。
2. 自閉和標(biāo)簽
自閉和標(biāo)簽與單閉合標(biāo)簽的區(qū)別在于，它的結(jié)束標(biāo)簽可以使用/（結(jié)尾斜線(xiàn)）替代，直接寫(xiě)在起始標(biāo)簽的尾部。例如圖像標(biāo)簽 <img> 可以寫(xiě)成 <img />，換行標(biāo)簽 <br> 可以寫(xiě)成 <br />。在后面的講述中我們會(huì)講解 <img /> 標(biāo)簽以及 <br />，這里只需要了解。
