超文本標(biāo)記語(yǔ)言

1、超文本標(biāo)記語(yǔ)言（英文：HyperText Markup Language , HTML ）超文本標(biāo)記語(yǔ)言（英文： HyperText Markup Language ，HTML ）是為“網(wǎng)頁(yè)創(chuàng)建和其它可在網(wǎng)頁(yè)瀏覽器中看到的信 息”設(shè)計(jì)的一種標(biāo)記語(yǔ)言。 HTML 被用來(lái)結(jié)構(gòu)化信息例 如標(biāo)題、段落和列表等等，也可用來(lái)在一定程度上描述文檔 的外觀和語(yǔ)義。1982年由蒂姆伯納斯-李創(chuàng)建，由IETF用 簡(jiǎn)化的 SGML （標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言）語(yǔ)法進(jìn)行進(jìn)一步發(fā)展的 HTML，后來(lái)成為國(guó)際標(biāo)準(zhǔn)，由萬(wàn)維網(wǎng)聯(lián)盟（W3C）維護(hù)。1 基本介紹HTML （ HyperText Markup Language ），超文本

2、標(biāo)記語(yǔ)言，是 一種專門用于創(chuàng)建 Web 超文本文檔的編程語(yǔ)言，它能告訴Web 瀏覽程序如何顯示 Web 文檔（即網(wǎng)頁(yè)） 的信息， 如何鏈 接各種信息。 使用 HTML 語(yǔ)言可以在其生成的文檔中含有其 它文檔，或者含有圖像、聲音、視頻等，從而形成超文本。超文本文檔本身并不真正含有其他的文檔，它僅僅含有 指向這些文檔的指針，這些指針就是超鏈接。 HTML 是用來(lái) 制作網(wǎng)頁(yè)的語(yǔ)言， 網(wǎng)頁(yè)中的每個(gè)元素都需要用 HTML 規(guī)定的 專門標(biāo)記來(lái)定義。要讓設(shè)計(jì)者在網(wǎng)絡(luò)上發(fā)布的網(wǎng)頁(yè)能夠被世界各地的瀏 覽者所閱讀， 需要一種規(guī)范化的發(fā)布語(yǔ)言。 在萬(wàn)維網(wǎng) （WWW） 上，文檔的發(fā)布語(yǔ)言是 HTML 。標(biāo)記語(yǔ)言是一種

3、基于源代碼解釋的訪問(wèn)方式，它的源文 件由一個(gè)純文本文件組成，代碼中由許多元素組成，而前臺(tái) 瀏覽器通過(guò)解釋這些元素顯示各種樣式的文檔。換句話說(shuō)， 瀏覽器就是把純文本的后臺(tái)源文件以賦有樣式定義的超文 本文件方式顯示出來(lái)。HTML 和網(wǎng)絡(luò)是緊密相連的， HTML 語(yǔ)言的發(fā)展和瀏覽 器的支持是密不可分的， 在 20 世紀(jì) 90 年代網(wǎng)絡(luò)剛剛興起時(shí)， 多種瀏覽器同時(shí)流行于世界各地， 它們支持 HTML 語(yǔ)言的標(biāo) 準(zhǔn)也各不相同， 這樣限制了 HTML 標(biāo)記語(yǔ)言本身的發(fā)展， 逐 漸，W3C網(wǎng)絡(luò)標(biāo)準(zhǔn)化組織聯(lián)手一些較為流行瀏覽器開(kāi)發(fā)廠商 一同定義 HTML 標(biāo)準(zhǔn)，并且力推瀏覽器解釋語(yǔ)言和顯示方法 的統(tǒng)一。到今天

4、， IE 瀏覽器隨著 WINDOWS 操作信息系統(tǒng)的絕 對(duì)壟斷地位占據(jù)著主流市場(chǎng)， 這也在另一方面為 HTML 標(biāo)準(zhǔn) 的統(tǒng)一起到了關(guān)鍵作用。2 語(yǔ)言特點(diǎn)HTML 文檔制作不是很復(fù)雜，但功能強(qiáng)大，支持不同數(shù) 據(jù)格式的文件鑲?cè)耄?這也是 WWW 盛行的原因之一， 其主要 特點(diǎn)如下：1、簡(jiǎn)易性， HTML 版本升級(jí)采用超集方式，從而更加靈活方便2、可擴(kuò)展性， HTML 語(yǔ)言的廣泛應(yīng)用帶來(lái)了加強(qiáng)功能， 增加標(biāo)識(shí)符等要求， HTML 采取子類元素的方式，為系統(tǒng)擴(kuò) 展帶來(lái)保證。3、平臺(tái)無(wú)關(guān)性。雖然 PC 機(jī)大行其道，但使用 MAC 等 其他機(jī)器的大有人在， HTML 可以使用在廣泛的平臺(tái)上，這 也是 WW

5、W 盛行的另一個(gè)原因。2.1 編輯 HTMLHTML 其實(shí)是文本，它需要瀏覽器的解釋， HTML 的編 輯器大體可以分為三種：1、基本編輯軟件，使用 WINDOWS 自帶的記事本或?qū)?字板都可以編寫(xiě)，當(dāng)然，如果你用 WPS 來(lái)編寫(xiě)，也可以。 不過(guò)存盤(pán)時(shí)請(qǐng)使用.htm或.html作為擴(kuò)展名，這樣瀏覽器就可 以解釋執(zhí)行了。2、半所見(jiàn)即所得軟件，這種軟件能大大提高開(kāi)發(fā)效率， 它可以使你在很短的時(shí)間內(nèi)做出 HOMEPAGE ，且可以學(xué)習(xí) HTML ，這種類型的軟件主要有 HOTDOG ，還有國(guó)產(chǎn)的軟件 網(wǎng)頁(yè)作坊。3、所見(jiàn)即所得軟件，使用最廣泛的編輯器，完全可以 一點(diǎn)不懂 HTML 的知識(shí)就可以做出網(wǎng)頁(yè)

6、，這類軟件主要有 FRONTPAGE2003 ， DREAMWEA VER 。3 發(fā)展歷史3.1 HTML超文本標(biāo)記語(yǔ)言（第一版）在 1993 年 6 月作為互 聯(lián)網(wǎng)工程工作小組（ IETF ）工作草案發(fā)布（并非標(biāo)準(zhǔn)） ：HTML 2.0 1995 年 11 月作為 RFC 1866 發(fā)布，在 RFC 2854 于 2000 年 6 月發(fā)布之后被宣布已經(jīng)過(guò)時(shí)HTML 3.2 1996 年 1 月 14 日， W3C 推薦標(biāo)準(zhǔn)HTML 4.0 1997 年 12 月 18 日， W3C 推薦標(biāo)準(zhǔn)HTML 4.01 （微小改進(jìn)） 1999 年 12 月 24 日， W3C 推薦標(biāo)準(zhǔn)HTML 5 的

7、第一份正式草案已于 2008年 1月 22 日公布， 仍繼續(xù)完善ISO/IEC 15445:2000 （“ ISO HTML ”） 2000 年 5 月 15 日發(fā)布，基于嚴(yán)格的 HTML 4.01 語(yǔ)法，是國(guó)際標(biāo)準(zhǔn)化組 織和國(guó)際電工委員會(huì)的標(biāo)準(zhǔn)。HTML 沒(méi)有 1.0 版本是因?yàn)楫?dāng)時(shí)有很多不同的版本。有 些人認(rèn)為蒂姆伯納斯-李的版本應(yīng)該算初版，這個(gè)版本沒(méi)有 IMG 元素。 當(dāng)時(shí)被稱為 HTML+ 的后續(xù)版的開(kāi)發(fā)工作于 1993 年開(kāi)始，最初是被設(shè)計(jì)成為“ HTML 的一個(gè)超集”。第一個(gè) 正式規(guī)范為了和當(dāng)時(shí)的各種 HTML 標(biāo)準(zhǔn)區(qū)分開(kāi)來(lái)，使用了 2.0 作為其版本號(hào)。 HTML+ 的發(fā)展繼續(xù)下

8、去，但是它從未成為標(biāo)準(zhǔn)HTML3.0 規(guī)范是由當(dāng)時(shí)剛成立的 W3C 于 1995 年 3 月提 出，提供了很多新的特性，例如表格、文字繞排和復(fù)雜數(shù)學(xué) 元素的顯示。雖然它是被設(shè)計(jì)用來(lái)兼容 2.0 版本的，但是實(shí) 現(xiàn)這個(gè)標(biāo)準(zhǔn)的工作在當(dāng)時(shí)過(guò)于復(fù)雜，在草案于1995 年 9 月過(guò)期時(shí)，標(biāo)準(zhǔn)開(kāi)發(fā)也因?yàn)槿狈g覽器支持而中止了。 3.1 版 從未被正式提出，而下一個(gè)被提出的版本是開(kāi)發(fā)代號(hào)為 Wilbur 的 HTML 3.2 ，去掉了大部分 3.0 中的新特性， 但是加 入了很多特定瀏覽器，例如 Netscape 和 Mosaic 的元素和屬 性。 HTML 對(duì)數(shù)學(xué)公式的支持最后成為另外一個(gè)標(biāo)準(zhǔn) MathM

9、L 。HTML 4.0 同樣也加入了很多特定瀏覽器的元素和屬性， 但是同時(shí)也開(kāi)始“清理”這個(gè)標(biāo)準(zhǔn)，把一些元素和屬性標(biāo)記 為過(guò)時(shí)的， 建議不再使用它們。 HTML 的未來(lái)和 CSS 結(jié)合會(huì) 更好。HTML 5草案的前身名為 Web Applications 1.0。于2004 年被 WHATWG 提出，于 2007 年被 W3C 接納，并成立了新 的 HTML 工作團(tuán)隊(duì)。 在 2008 年 1 月 22 日，第一份正式草案 發(fā)布。 WHATWG 表示該規(guī)范是目前正在進(jìn)行的工作，仍須 多年的努力。3.2 XHTMLXHTML 1.0發(fā)布于 2000 年 1 月 26 日，是 W3C 推 薦標(biāo)準(zhǔn)，后

10、來(lái)經(jīng)過(guò)修訂于 2002年8月 1日重新發(fā)布。XHTML 1.1，于2001年5月31日發(fā)布，W3C推薦標(biāo)準(zhǔn)。XHTML 2.0 ， W3C 工作草案。XHTML 5 ，從 XHTML 1.x 的更新版，基于 HTML 5 草 案。4 整體結(jié)構(gòu)一個(gè)網(wǎng)頁(yè)對(duì)應(yīng)于一個(gè) HTML 文件， HTML 文件以 .htm 或. html 為擴(kuò)展名。可以使用任何能夠生成 TXT 類型源文件 的文本編輯來(lái)產(chǎn)生 HTML 文件。標(biāo)準(zhǔn)的 HTML 文件都具有 一個(gè)基本的整體結(jié)構(gòu)，即 HTML 文件的開(kāi)頭與結(jié)尾標(biāo)志和 HTML 的頭部與實(shí)體 2大部分。 有3個(gè)雙標(biāo)記符用于頁(yè)面整 體結(jié)構(gòu)的確認(rèn)。標(biāo)記符 <H

11、TML> ；說(shuō)明該文件是用 HTML 來(lái)描述 的。它是文件的開(kāi)頭，而 </HTML> ；則表示該文件的 結(jié)尾，它們是 HTML 文件的始標(biāo)記和尾標(biāo)記。4.1 文件頭部?jī)?nèi)容<head></head> ；這 2 個(gè)標(biāo)記符分別表示頭部 信息的開(kāi)始和結(jié)尾。 頭部中包含的標(biāo)記是頁(yè)面的標(biāo)題、 序言、 說(shuō)明等內(nèi)容，它本身不作為內(nèi)容來(lái)顯示，但影響網(wǎng)頁(yè)顯示的 效果。頭部中最常用的標(biāo)記符是標(biāo)題標(biāo)記符和 meta 標(biāo)記符，其中標(biāo)題標(biāo)記符用于定義網(wǎng)頁(yè)的標(biāo)題，它的內(nèi)容顯示在網(wǎng)頁(yè) 窗口的標(biāo)題欄中，網(wǎng)頁(yè)標(biāo)題可被瀏覽器用作書(shū)簽和

12、收藏清 單。4.2 文件主體內(nèi)容<body></body> ；，網(wǎng)頁(yè)中顯示的實(shí)際內(nèi)容均 包含在這 2 個(gè)正文標(biāo)記符之間。 正文標(biāo)記符又稱為實(shí)體標(biāo)記。 5 文檔標(biāo)題5.1 頁(yè)面主體內(nèi)容描述<html> 標(biāo)記網(wǎng)頁(yè)的開(kāi)始<head> ；標(biāo)記頭部的開(kāi)始： 頭部元素描述， 如文檔 標(biāo)題等，還可以加入 css 與 javascript 的引入標(biāo)簽 <script /> ；與 <link /></head> ；標(biāo)記

13、頭部的結(jié)束<body> 標(biāo)記頁(yè)面正文開(kāi)始5.2 頁(yè)面實(shí)體部分</body> ；標(biāo)記正文結(jié)束</html> ；標(biāo)記該網(wǎng)頁(yè)的結(jié)束當(dāng)然，如果不使用以上基本框架結(jié)構(gòu)，而直接使用在實(shí)體部分中出現(xiàn)的標(biāo)記符，在瀏覽器下也可以解釋執(zhí)行5.3 正文標(biāo)記的使用每種 HTML 標(biāo)記符在使用中可帶有不同的屬性項(xiàng)， 用于 描述該標(biāo)記符說(shuō)明的內(nèi)容顯示不同的效果。正文標(biāo)記符中提 供以下屬性來(lái)改變文本的顏色及頁(yè)面背景。BGCOLOR 用于定義網(wǎng)頁(yè)的背景色， BACKGROUND 用于定義網(wǎng)頁(yè)背景圖案的圖像文件TEXT 用于定義正文字符的顏色，

14、默認(rèn)為黑色LINK 用于定義網(wǎng)頁(yè)中超級(jí)鏈接字符的顏色，默認(rèn)為藍(lán) 色VLINK 用于定義網(wǎng)頁(yè)中已被訪問(wèn)過(guò)的超接鏈接字符的 顏色，默認(rèn)為紫紅色ALINK 用于定義被鼠標(biāo)選中，但未使用時(shí)超鏈字符的 顏色，默認(rèn)為紅色例如：標(biāo)記將定義頁(yè)面的背景色為黑色，正文字體顯示 為白色。以上屬性使用中， 需要對(duì)顏色進(jìn)行說(shuō)明， 在 HTML 中對(duì) 顏色可使用 2 種方法說(shuō)明顏色屬性值， 即顏色名稱 （英文名） 和顏色值。 其中顏色值用 6 個(gè)十六進(jìn)制數(shù)來(lái)分別描述紅、 綠、 藍(lán)三原色的配方法稱為 RGB 值，每 2 個(gè)十六進(jìn)制數(shù)表 示一種顏色。使用顏色值時(shí)，應(yīng)在值前冠以“#”號(hào)。使用圖案代替背景顏色，可以使頁(yè)面更生動(dòng)、

15、美觀可將圖像文件 image.gif 所表示的一幅圖像作為頁(yè)面的 背景，若圖像幅面不夠大，將會(huì)將圖像重復(fù)平鋪在窗口中。5.4 HTML 字符集在網(wǎng)頁(yè)中除了可顯示常見(jiàn)的 ASC 字符和漢字外，HTML 還有許多特殊字符，它們一起構(gòu)成了 HTML 字符集。 有 2 種情況需要使用特殊字符，一是網(wǎng)頁(yè)中有其特殊意義的 字符，二是鍵盤(pán)上沒(méi)有的字符。 HTML 字符可以用一些代碼 來(lái)表示， 代碼可以有 2種表示方式。 即字符代碼 （命名實(shí)體） 和數(shù)字代碼（編號(hào)實(shí)體） 。字符代碼以 & ；符開(kāi)始，以分 號(hào)結(jié)束，其間是字符名；數(shù)字代碼也以 & ；符開(kāi)始，以 分號(hào)結(jié)束，其間是 #

16、 號(hào)加編號(hào)。5.5 HTML 的有關(guān)約定在編輯 HTML 文件和使用有關(guān)標(biāo)記符時(shí)有一些約定或 默認(rèn)的要求。 文本標(biāo)記語(yǔ)言源程序的文件擴(kuò)展名默認(rèn)使用 htm 或 html。在使用文本編輯器時(shí)，注意修改擴(kuò)展名。而常用的圖 像文件的擴(kuò)展名為 gif 和 jpg。 HTML 源程序?yàn)槲谋疚募?，其列寬可不受限制，?多個(gè)標(biāo)記可寫(xiě)成一行，甚至整個(gè)文件可寫(xiě)成一行；若寫(xiě)成多 行，瀏覽器一般忽略文件中的回車符（標(biāo)記指定除外） ；對(duì) 文件中的空格通常也不按源程序中的效果顯示。完整的空格 可使用特殊符號(hào)（實(shí)體符） “ &nbsp （注意此字母必須小 寫(xiě)，方可空格） ”表示非換行空格；表示文件路徑時(shí)使

17、用符 號(hào)“ /”分隔，文件名及路徑描述可用雙引號(hào)也可不用引號(hào)括 起。 標(biāo)記符中的標(biāo)記元素用尖括號(hào)括起來(lái)，帶斜杠的元 素表示該標(biāo)記說(shuō)明結(jié)束；大多數(shù)標(biāo)記符必須成對(duì)使用，以表 示作用的起始和結(jié)束； 標(biāo)記元素忽略大小寫(xiě)， 即其作用相同， 但完整的空格可使用特殊符號(hào)“ &nbsp （注意此字母必 須小寫(xiě)，方可空格） ”；許多標(biāo)記元素具有屬性說(shuō)明，可用參 數(shù)對(duì)元素作進(jìn)一步的限定，多個(gè)參數(shù)或?qū)傩皂?xiàng)說(shuō)明次序不 限，其間用空格分隔即可；一個(gè)標(biāo)記元素的內(nèi)容可以寫(xiě)成多 行。 標(biāo)記符號(hào)，包括尖括號(hào)、標(biāo)記元素、屬性項(xiàng)等必須 使用半角的西文字符，而不能使用全角字符。 HTML 注釋由驚嘆號(hào)表示，注釋內(nèi)容由

18、符號(hào)結(jié)束。 注釋內(nèi)容可插入文本中任何位置。任何標(biāo)記若在其最前插入 驚嘆號(hào)，即被標(biāo)識(shí)為注釋，不予顯示。5.6 常用標(biāo)簽元素<html></html> 創(chuàng)建一個(gè) HTML 文檔 <head></head> 設(shè)置文檔標(biāo)題和其它在網(wǎng)頁(yè)中不顯示的信息<title></title> 設(shè)置文檔的標(biāo)題<h1></h1> 最大的標(biāo)題<pre></pr

19、e> 預(yù)先格式化文本<u></u> <b></b> <i></i><tt></tt>下劃線黑體字斜體字打字機(jī)風(fēng)格的字體<cite></cite> 引用，通常是斜體<em></em> 強(qiáng)調(diào)文本（通常是斜體加黑體）<strong&g

20、t;</strong> 加重文本（通常是斜體加 黑體）<font size="" color=""></font>設(shè)置字體大小從 1 到 7，顏色使用名字或 RGB 的十六進(jìn)制值<BASEFONT></BASEFONT> 基準(zhǔn)字體標(biāo) 記<big></big> 字體加大 <SMALL></SMALL> 字體縮

21、小 <STRIKE></STRIKE> 加刪除線 <CODE></CODE> 程式碼 <KBD></KBD> 鍵盤(pán)字<SAMP></SAMP> 范例<V AR></V AR> 變量 <BLOCKQUOTE></BLOCKQUOTE> 向右 縮排<DF

22、N></DFN> 述語(yǔ)定義 <ADDRESS></ADDRESS> 地址標(biāo)記 <sup></SUP> 上標(biāo)字<SUB></SUB> 下標(biāo)字<xmp>.</xmp> ；固定寬度字體（在文件中 空白、換行、定位功能有效）<plaintext>.</plaintext> ；固定寬度字

23、體（不 執(zhí)行標(biāo)記符號(hào)）<listing>.</listing>固定寬度小字體<font color=00ff00>.</font> ；字體顏色<font size=1>.</font> ；最小字體<font style ='font-size:100 px'>.</font> ；無(wú)限 增大格式標(biāo)志標(biāo)簽<p></p&a

24、mp;gt; 創(chuàng)建一個(gè)段落<p align=""> 將段落按左、中、右對(duì)齊 <br> 換行 插入換行符 <blockquote></blockquote> 從兩邊縮進(jìn)文本 <dl></dl> 定義列表<dt> 放在每個(gè)定義術(shù)語(yǔ)詞前<dd> 放在每個(gè)定義之前<ol></ol> 創(chuàng)建一個(gè)標(biāo)有數(shù)字的列表<ul></ul> 創(chuàng)建一個(gè)標(biāo)有圓點(diǎn)的列表<li> 放在每個(gè)列表項(xiàng)之前，若在