盡管HTML的基礎(chǔ)是純文本，但我們還是需要多一些東西才能使純文本文件變成合法的HTML文件。
標(biāo)簽
HTML基本的構(gòu)成包含標(biāo)簽，標(biāo)簽圍繞著內(nèi)容，賦予內(nèi)容某些意義。
按照下面改進(jìn)你的文件：
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”><html><body>這是我的第一個(gè)網(wǎng)頁(yè)</body></html>
保存文件，回到瀏覽器界面和選擇“刷新”（這會(huì)重新裝載網(wǎng)頁(yè)）。
網(wǎng)頁(yè)的外觀沒(méi)有任何改變，HTML的目的是表達(dá)內(nèi)容，而不是表達(dá)表現(xiàn)，這個(gè)例子現(xiàn)在已經(jīng)定義了網(wǎng)頁(yè)一定的基本元素。
第一行以<!DOCTYPE..開(kāi)始是為了讓瀏覽器知道你到底要做什么。你可能還不知道自己在做什么，但接受它很重要。如果你不這樣做，瀏覽器將用“quirks”（奇怪的）模式來(lái)表現(xiàn)你的網(wǎng)頁(yè)?，F(xiàn)在還不必?fù)?dān)心，當(dāng)然你需要了解或者學(xué)習(xí)的話可以看看 HTML高級(jí)教成的 進(jìn)一步學(xué)習(xí)“文檔類型”。當(dāng)前，只需要記住把這一行放在文件的頂端就可以了。
言歸正傳，<html>是隔開(kāi)其他內(nèi)容的起始標(biāo)簽，它告訴瀏覽器，位于自己與閉合標(biāo)簽</html>之間的就是是HTML文檔。在<body>和</body>之間的是這個(gè)文檔展示在瀏覽器上的主要內(nèi)容。
閉合標(biāo)簽
</body>和</html>關(guān)閉他們各自的標(biāo)簽。所有的HTML標(biāo)簽都要關(guān)閉。盡管老版本的HTML允許某些標(biāo)簽不關(guān)閉，但最新的標(biāo)準(zhǔn)要求所有的標(biāo)簽都要關(guān)閉。無(wú)論如何，閉合標(biāo)簽是一個(gè)好習(xí)慣。
并不是所有的標(biāo)簽都像<html></html>一樣關(guān)閉，有的標(biāo)簽不用繞在內(nèi)容外面，它們是自關(guān)閉的。比如斷行的的標(biāo)簽是這樣的：<br />。呆會(huì)我們還有這方面的例子。你所需要記住的是，所有的標(biāo)簽都必須關(guān)閉，以及，大部分的內(nèi)容都在標(biāo)簽之間，他們的格式是這樣的：起始標(biāo)簽 – 內(nèi)容 – 閉合標(biāo)簽。
屬性
標(biāo)簽可以有屬性，包含額外的信息。屬性一般出現(xiàn)在開(kāi)放標(biāo)簽中，它們的值總是在引號(hào)中。就像這樣：<tag attribute=”value”>Margarine</tag>。呆會(huì)我們會(huì)講解帶屬性的標(biāo)簽。
元素
除了標(biāo)記元素的開(kāi)始與結(jié)束，標(biāo)簽不愿再多做些什么。元素是構(gòu)建網(wǎng)頁(yè)的bits。你可能會(huì)說(shuō)，比如，在<body>和</body>之間的是主體元素，又如，<title>和</title>是標(biāo)簽，而<title>Rumple Stiltskin</title>則是標(biāo)題元素。
