HTML初級(jí)教程標(biāo)簽、屬性和元素_XHTML教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
標(biāo)簽、屬性和元素──構(gòu)成HTML的要素
盡管HTML的基礎(chǔ)是純文本,但我們還是需要多一些東西才能使純文本文件變成合法的HTML文件。
標(biāo)簽
HTML基本的構(gòu)成包含標(biāo)簽,標(biāo)簽圍繞著內(nèi)容,賦予內(nèi)容某些意義。
按照下面改進(jìn)你的文件:
保存文件,回到瀏覽器界面和選擇“刷新”(這會(huì)重新裝載網(wǎng)頁(yè))。
網(wǎng)頁(yè)的外觀沒有任何改變,HTML的目的是表達(dá)內(nèi)容,而不是表達(dá)表現(xiàn),這個(gè)例子現(xiàn)在已經(jīng)定義了網(wǎng)頁(yè)一定的基本元素。
第一行以<!DOCTYPE..開始是為了讓瀏覽器知道你到底要做什么。你可能還不知道自己在做什么,但接受它很重要。假如你不這樣做,瀏覽器將用“quirks”(希奇的)模式來表現(xiàn)你的網(wǎng)頁(yè)�,F(xiàn)在還不必?fù)?dān)心,當(dāng)然你需要了解或者學(xué)習(xí)的話可以看看 HTML高級(jí)教成的 進(jìn)一步學(xué)習(xí)“文檔類型”。當(dāng)前,只需要記住把這一行放在文件的頂端就可以了。
言歸正傳,<html>是隔開其他內(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答應(yīng)某些標(biāo)簽不關(guān)閉,但最新的標(biāo)準(zhǔn)要求所有的標(biāo)簽都要關(guān)閉。無論如何,閉合標(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)在開放標(biāo)簽中,它們的值總是在引號(hào)中。就像這樣:<tag attribute="value">Margarine</tag>。呆會(huì)我們會(huì)講解帶屬性的標(biāo)簽。
元素
除了標(biāo)記元素的開始與結(jié)束,標(biāo)簽不愿再多做些什么。元素是構(gòu)建網(wǎng)頁(yè)的bits。你可能會(huì)說,比如,在<body>和</body>之間的是主體元素,又如,<title>和</title>是標(biāo)簽,而<title>Rumple Stiltskin</title>則是標(biāo)題元素。
盡管HTML的基礎(chǔ)是純文本,但我們還是需要多一些東西才能使純文本文件變成合法的HTML文件。
標(biāo)簽
HTML基本的構(gòu)成包含標(biāo)簽,標(biāo)簽圍繞著內(nèi)容,賦予內(nèi)容某些意義。
按照下面改進(jìn)你的文件:
示例代碼 [hl5o.cn]
<!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>
"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è)的外觀沒有任何改變,HTML的目的是表達(dá)內(nèi)容,而不是表達(dá)表現(xiàn),這個(gè)例子現(xiàn)在已經(jīng)定義了網(wǎng)頁(yè)一定的基本元素。
第一行以<!DOCTYPE..開始是為了讓瀏覽器知道你到底要做什么。你可能還不知道自己在做什么,但接受它很重要。假如你不這樣做,瀏覽器將用“quirks”(希奇的)模式來表現(xiàn)你的網(wǎng)頁(yè)�,F(xiàn)在還不必?fù)?dān)心,當(dāng)然你需要了解或者學(xué)習(xí)的話可以看看 HTML高級(jí)教成的 進(jìn)一步學(xué)習(xí)“文檔類型”。當(dāng)前,只需要記住把這一行放在文件的頂端就可以了。
言歸正傳,<html>是隔開其他內(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答應(yīng)某些標(biāo)簽不關(guān)閉,但最新的標(biāo)準(zhǔn)要求所有的標(biāo)簽都要關(guān)閉。無論如何,閉合標(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)在開放標(biāo)簽中,它們的值總是在引號(hào)中。就像這樣:<tag attribute="value">Margarine</tag>。呆會(huì)我們會(huì)講解帶屬性的標(biāo)簽。
元素
除了標(biāo)記元素的開始與結(jié)束,標(biāo)簽不愿再多做些什么。元素是構(gòu)建網(wǎng)頁(yè)的bits。你可能會(huì)說,比如,在<body>和</body>之間的是主體元素,又如,<title>和</title>是標(biāo)簽,而<title>Rumple Stiltskin</title>則是標(biāo)題元素。
相關(guān)XHTML教程:
- HTML5 INPUT placeholder及兼容性處理
- HTML表單里的Label標(biāo)簽
- 淺析HTML與javascript中常用編碼
- CSS網(wǎng)頁(yè)布局中必須要了解的幾個(gè)XHTML標(biāo)簽
- title和alt 標(biāo)簽介紹及其異同
- 淺析HTML標(biāo)簽strong和em的區(qū)別
- 說說XHTML中的alt屬性和title屬性
- Semantics語義是Html Xhtml是否真正符合標(biāo)準(zhǔn)的重要部分
- 九個(gè)W3C XHTML1.0及CSS標(biāo)準(zhǔn)認(rèn)證需要注意的問題
- 請(qǐng)注意頁(yè)面head區(qū)域的編碼是不是規(guī)范
- HTML validate - 驗(yàn)證HTML代碼穿越多重瀏覽器標(biāo)準(zhǔn)
- XHTML具有語義的標(biāo)簽:有關(guān)H1位置的討論
XHTML教程Rss訂閱Div+Css教程搜索
XHTML教程推薦
- XHTML DHTML SHTML到底是什么,有何區(qū)別?
- HTML表格標(biāo)記教程(25):行的垂直對(duì)齊屬性VALIGN
- HTML各個(gè)元素對(duì)搜索引擎的權(quán)重比例
- DIV CSS布局基礎(chǔ):HTML標(biāo)記(三)
- 鏈接的rel與target詳解
- HTML初級(jí)教程鏈接
- XHTML基礎(chǔ):表單name與id的區(qū)別和相似之處
- Default style sheet - HTML4標(biāo)簽的默認(rèn)樣式列表
- HTML5isnowalsohostedbytheW3C
- 不符合web標(biāo)準(zhǔn)的target=
- 相關(guān)鏈接:
- 教程說明:
XHTML教程-HTML初級(jí)教程標(biāo)簽、屬性和元素
。