HTML代碼

HTML代碼是超文本標(biāo)記語(yǔ)言(超級(jí)文本標(biāo)記語(yǔ)言)標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的應(yīng)用程序。HTML不是一種編程語(yǔ)言，而是一種標(biāo)記語(yǔ)言(標(biāo)識(shí)語(yǔ)言)，這是網(wǎng)頁(yè)制作所必需的。超文本”這意味著一個(gè)頁(yè)面可以包含圖片、鏈接，甚至音樂(lè)、非文本元素，如程序。超文本標(biāo)記語(yǔ)言(或超文本標(biāo)記語(yǔ)言)的結(jié)構(gòu)包括“頭”部分、和“主體”部分，其中“頭”該部提供關(guān)于網(wǎng)頁(yè)的信息，“主體”部分提供了網(wǎng)頁(yè)的具體內(nèi)容。

HTML代碼

由來(lái)

HTML的英文全稱(chēng)是HyperTextMarkupLanguage，即超文本標(biāo)記語(yǔ)言。HTML是由Web的發(fā)明者TimBerners創(chuàng)建的-李和同事丹尼爾.Connolly在1990年創(chuàng)立了一種標(biāo)記語(yǔ)言，它是標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言SGML的應(yīng)用。用HTML編寫(xiě)的超文本文檔稱(chēng)為HTML文檔，可以獨(dú)立于各種操作系統(tǒng)平臺(tái)(如UNIXWindows等)利用HTML，將要表達(dá)的信息按照一定的規(guī)則寫(xiě)入HTML文件，由專(zhuān)門(mén)的瀏覽器識(shí)別，保存這些HTML文件“翻譯”變成可識(shí)別的信息，也就是你現(xiàn)在看到的網(wǎng)頁(yè)。

從1990年開(kāi)始，HTML被用作萬(wàn)維網(wǎng)的信息表示語(yǔ)言，HTML描述的文件需要通過(guò)web瀏覽器顯示。HTML是一種通過(guò)標(biāo)記命令創(chuàng)建web文檔的語(yǔ)言(Tag)，將影像、聲音、圖片、文字動(dòng)畫(huà)、顯示視頻和其他內(nèi)容。事實(shí)上，每一個(gè)HTML文檔都是一個(gè)靜態(tài)的網(wǎng)頁(yè)文件，其中包含HTML指令代碼這些指令代碼并不是一種編程語(yǔ)言，而是一種用于排版網(wǎng)頁(yè)中信息顯示位置的標(biāo)記結(jié)構(gòu)語(yǔ)言，易學(xué)易懂。HTML的普遍應(yīng)用帶來(lái)了超文本技術(shù)―通過(guò)點(diǎn)擊鼠標(biāo)從一個(gè)主題跳到另一個(gè)主題，從一個(gè)頁(yè)面跳到另一個(gè)頁(yè)面，與世界各地主機(jī)進(jìn)行文件鏈接的超文本傳輸協(xié)議規(guī)定了瀏覽器在運(yùn)行HTML文檔時(shí)所遵循的規(guī)則和操作。HTTP的發(fā)展使得瀏覽器在運(yùn)行超文本時(shí)有了統(tǒng)一的規(guī)則和標(biāo)準(zhǔn)。

萬(wàn)維網(wǎng)（萬(wàn)維網(wǎng),簡(jiǎn)稱(chēng)萬(wàn)維網(wǎng)）上的超媒體文檔稱(chēng)為頁(yè)面（外語(yǔ)：page）作為一個(gè)組織或個(gè)人，在萬(wàn)維網(wǎng)上放置一個(gè)起點(diǎn)的頁(yè)面稱(chēng)為主頁(yè)（外語(yǔ)：主頁(yè)）或主頁(yè)，通常包含指向其他相關(guān)頁(yè)面或其他節(jié)點(diǎn)的指針（超級(jí)鏈接）所謂超鏈接，就是一種統(tǒng)一資源定位器（統(tǒng)一資源定位器,外語(yǔ)縮寫(xiě)：URL）指針，通過(guò)激活（點(diǎn)擊）它使瀏覽器能夠方便地獲取新的網(wǎng)頁(yè)。這是HTML被廣泛使用的最重要的原因之一。從邏輯上講，一系列被視為一個(gè)整體的頁(yè)面的有機(jī)集合稱(chēng)為網(wǎng)站（網(wǎng)站全球資訊網(wǎng)的主機(jī)站或位置）超文本標(biāo)記語(yǔ)言（英文縮寫(xiě)：HTML）是為“網(wǎng)頁(yè)創(chuàng)建和其他可以在網(wǎng)絡(luò)瀏覽器中看到的信息”一種用于設(shè)計(jì)的標(biāo)記語(yǔ)言。

網(wǎng)頁(yè)的本質(zhì)是超文本標(biāo)記語(yǔ)言通過(guò)結(jié)合其他網(wǎng)絡(luò)技術(shù)，（如：腳本語(yǔ)言、公共網(wǎng)關(guān)接口、組件等），您可以創(chuàng)建功能強(qiáng)大的網(wǎng)頁(yè)。因此，超文本標(biāo)記語(yǔ)言就是萬(wàn)維網(wǎng)（Web）編程的基礎(chǔ)，也就是萬(wàn)維網(wǎng)是基于超文本的。超文本標(biāo)記語(yǔ)言被稱(chēng)為超文本標(biāo)記語(yǔ)言是因?yàn)槲谋景^的“超級(jí)鏈接”點(diǎn)。

定義

超文本標(biāo)記語(yǔ)言Hypertext Markup Language是標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言generalized markup language下的一種應(yīng)用，也是一種規(guī)范，一種標(biāo)準(zhǔn)，通過(guò)標(biāo)記符號(hào)來(lái)標(biāo)記網(wǎng)頁(yè)中所有要顯示的部分。網(wǎng)頁(yè)文件本身是一種文本文件通過(guò)向文本文件添加標(biāo)記，您可以告訴瀏覽器如何顯示其內(nèi)容（如：如何處理文字，如何排列圖片，如何顯示圖片等）瀏覽器依次讀取網(wǎng)頁(yè)文件，然后根據(jù)標(biāo)簽解釋并顯示標(biāo)簽的內(nèi)容對(duì)于寫(xiě)錯(cuò)的標(biāo)簽，不會(huì)指出錯(cuò)誤，也不會(huì)停止解釋執(zhí)行過(guò)程編譯器只能通過(guò)顯示效果來(lái)分析錯(cuò)誤的原因和部分。但是需要注意的是，不同的瀏覽器對(duì)同一個(gè)標(biāo)簽可能會(huì)有不同的解讀，所以可能會(huì)有不同的顯示效果。

超文本標(biāo)記語(yǔ)言Hypertext Markup Language文檔制作不是很復(fù)雜，但是功能強(qiáng)大，支持不同數(shù)據(jù)格式文件的嵌入這也是萬(wàn)維網(wǎng)（WWW）流行的原因之一，其主要特征如下：

簡(jiǎn)易性：超文本標(biāo)記語(yǔ)言版本升級(jí)采用超集模式，更加靈活方便。

可擴(kuò)展性：超文本標(biāo)記語(yǔ)言的廣泛應(yīng)用帶來(lái)了加強(qiáng)功能和增加標(biāo)識(shí)符的要求超文本標(biāo)記語(yǔ)言采用元素子類(lèi)化的方式，保證了系統(tǒng)的擴(kuò)展性。

平臺(tái)無(wú)關(guān)性：雖然個(gè)人電腦很流行，但也有很多人使用MAC等其他機(jī)器超文本標(biāo)記語(yǔ)言可以在廣泛的平臺(tái)上使用，這也是萬(wàn)維網(wǎng)（WWW）流行的另一個(gè)原因。

通用性：此外，HTML是網(wǎng)絡(luò)的通用語(yǔ)言，簡(jiǎn)單、通用一體化標(biāo)記語(yǔ)言。它允許網(wǎng)頁(yè)制作者創(chuàng)建結(jié)合了文本和圖片的復(fù)雜頁(yè)面，這些頁(yè)面可以被互聯(lián)網(wǎng)上的任何其他人瀏覽，無(wú)論他們使用什么類(lèi)型的計(jì)算機(jī)或?yàn)g覽器。

HTML是一種語(yǔ)法規(guī)則，用于標(biāo)記Web信息的顯示方式和其他特征它是由歐洲核子研究中心的TimBerners于1989年首次開(kāi)發(fā)的-Lee發(fā)明。HTML基于舊的SGML定義，語(yǔ)言元素得到了簡(jiǎn)化。這些元素用來(lái)告訴瀏覽器如何顯示用戶(hù)的數(shù)據(jù)s屏幕，所以長(zhǎng)期以來(lái)一直得到各種網(wǎng)絡(luò)瀏覽器廠商的支持。

HTML在歷史上有以下版本：

①HTML1.1993年6月，作為一個(gè)互聯(lián)網(wǎng)工程工作組(IETF)工作草案發(fā)布。

②HTML2.它于1995年11月作為RFC1866發(fā)布，并在2000年6月發(fā)布后被宣布過(guò)時(shí)。

③HTML3.2：1997年1月14日，W3C推薦標(biāo)準(zhǔn)。

④HTML4.1997年12月18日，W3C推薦標(biāo)準(zhǔn)。

⑤HTML4.01（微小改進(jìn)）1999年12月24日，W3C推薦標(biāo)準(zhǔn)。

⑥HTML5：HTML5被公認(rèn)為下一代Web語(yǔ)言，極大地促進(jìn)了Web在富媒體中的應(yīng)用、內(nèi)容豐富應(yīng)用豐富的能力被視為最終改變移動(dòng)互聯(lián)網(wǎng)的重要驅(qū)動(dòng)力。不支持InternetExplorer8和更早版本。

HTML在Web的快速發(fā)展中扮演著重要的角色，有著重要的地位。然而，隨著網(wǎng)絡(luò)應(yīng)用的深入，特別是電子商務(wù)的應(yīng)用，HTML過(guò)于簡(jiǎn)單的缺陷很快顯現(xiàn)出來(lái)：HTML是不可擴(kuò)展的。HTML不允許應(yīng)用程序開(kāi)發(fā)人員為特定的應(yīng)用程序環(huán)境定義自定義標(biāo)簽。HTML只能用于信息展示。HTML可以顯示文本和圖片，但是它沒(méi)有語(yǔ)義結(jié)構(gòu)，也就是HTML按照布局而不是語(yǔ)義來(lái)顯示數(shù)據(jù)。隨著網(wǎng)絡(luò)應(yīng)用的發(fā)展，不同的行業(yè)對(duì)信息有不同的需求，而這些不同類(lèi)型的信息并不一定以網(wǎng)頁(yè)的形式展現(xiàn)出來(lái)。例如。當(dāng)通過(guò)搜索引擎搜索數(shù)據(jù)時(shí)，根據(jù)語(yǔ)義而不是布局來(lái)顯示數(shù)據(jù)會(huì)更有優(yōu)勢(shì)。

總之，HTML的缺點(diǎn)使其交互性差，語(yǔ)義模糊這些缺點(diǎn)很難滿足互聯(lián)網(wǎng)快速發(fā)展的要求，所以是一個(gè)標(biāo)準(zhǔn)、簡(jiǎn)潔、產(chǎn)生了結(jié)構(gòu)良好且高度可擴(kuò)展的XML。

它其實(shí)是文本，需要瀏覽器的解讀，它的編輯器大致可以分為三種

基本文本、文檔編輯軟件可以用微軟 擁有自己的記事本或?qū)懽职瀹?dāng)然，如果你用WPS寫(xiě)，也可以。但請(qǐng)?jiān)诒４鏁r(shí)使用.htm或.Html作為擴(kuò)展，這樣便于瀏覽器識(shí)別直接解釋和執(zhí)行。

所見(jiàn)即所得的軟件，比如：FCK-Editer、E-網(wǎng)絡(luò)編輯器和其他在線編輯器；尤其推薦：SublimeText代碼編輯器（由JonSkinner開(kāi)發(fā)的SublimeText2收費(fèi)，但可以無(wú)限期試用）

所見(jiàn)即所得軟件，擁有最廣泛使用的編輯器，可以在沒(méi)有任何HTML知識(shí)的情況下制作網(wǎng)頁(yè)，例如：AMAYA（出品單位：萬(wàn)維網(wǎng)聯(lián)盟）首頁(yè)（出品單位：微軟）Dreamweaver（由Adobe制作）

MicrosoftVisualStudio（出品公司：微軟）

其中，所見(jiàn)即所得比所見(jiàn)即所得更快更高效更直觀。如果在任何地方修改，只需刷新即可顯示。缺點(diǎn)是生成的代碼結(jié)構(gòu)復(fù)雜，不利于大型網(wǎng)站的多人協(xié)作精準(zhǔn)定位等高級(jí)功能的實(shí)現(xiàn)。

字符集

除了通用的美國(guó)信息交換標(biāo)準(zhǔn)代碼外，還可以顯示網(wǎng)頁(yè)（外語(yǔ)縮寫(xiě)：ASCII）除了字符和漢字，HTML中還有很多特殊字符，它們共同構(gòu)成了HTML字符集。有兩種情況需要使用特殊字符，一種是網(wǎng)頁(yè)中有特殊含義的字符，一種是鍵盤(pán)上沒(méi)有的字符。HTML字符可以用一些代碼來(lái)表示，可以用兩種方式來(lái)表示。即字符代碼（命名實(shí)體）和數(shù)字代碼（編號(hào)實(shí)體）字符代碼以“符開(kāi)始，以分號(hào)'以字符名結(jié)尾，如reg;數(shù)字代碼也以“符開(kāi)始，以分號(hào)'結(jié)尾，中間有一個(gè)數(shù)字，例如。

一個(gè)網(wǎng)頁(yè)對(duì)應(yīng)多個(gè)HTML文件，超文本標(biāo)記語(yǔ)言文件用.htm（磁盤(pán)操作系統(tǒng)DOS限制的外文縮寫(xiě)）為擴(kuò)展名或.html（外語(yǔ)縮寫(xiě)）為擴(kuò)展名。你可以使用任何可以生成TXT源文件的文本編輯器來(lái)生成超文本標(biāo)記語(yǔ)言文件，只需要修改文件后綴。標(biāo)準(zhǔn)的超文本標(biāo)記語(yǔ)言文件都有一個(gè)基本的整體結(jié)構(gòu)，標(biāo)簽一般成對(duì)出現(xiàn)（除了一些標(biāo)記，例如：br/，即超文本標(biāo)記語(yǔ)言文件的開(kāi)始和結(jié)束標(biāo)記以及超文本標(biāo)記語(yǔ)言的頭和實(shí)體。有三個(gè)雙標(biāo)簽用于確認(rèn)頁(yè)面的整體結(jié)構(gòu)。

標(biāo)記html，表明該文件是超文本標(biāo)記語(yǔ)言（此標(biāo)簽的中文全稱(chēng)）來(lái)形容，就是文件的開(kāi)頭；而/Html表示文件的結(jié)尾，是超文本標(biāo)記語(yǔ)言文件的開(kāi)始標(biāo)簽和結(jié)束標(biāo)簽。

頭部?jī)?nèi)容

head/head；這兩個(gè)標(biāo)記分別表示標(biāo)題信息的開(kāi)始和結(jié)束。包含在標(biāo)題中的標(biāo)簽是頁(yè)面的標(biāo)題、序言、描述等內(nèi)容，這些內(nèi)容本身并不作為內(nèi)容顯示，但是影響了網(wǎng)頁(yè)顯示的效果。頁(yè)眉中最常用的標(biāo)簽是title標(biāo)簽和meta標(biāo)簽，其中title標(biāo)簽用于定義網(wǎng)頁(yè)的標(biāo)題，其內(nèi)容顯示在網(wǎng)頁(yè)窗口的標(biāo)題欄中，網(wǎng)頁(yè)標(biāo)題可以被瀏覽器用作書(shū)簽和收藏夾列表。

設(shè)置文檔標(biāo)題和網(wǎng)頁(yè)中不顯示的其他信息，如方向、語(yǔ)言代碼語(yǔ)言代碼（實(shí)體定義!ENTITY%i18n）指定字典中的元信息，等等。

下表列出了HTMLhead元素：

標(biāo)簽

描述

head

定義文檔的信息

title

定義文檔的標(biāo)題

base

定義頁(yè)面鏈接標(biāo)簽的默認(rèn)鏈接地址

link

定義文檔和外部資源之間的關(guān)系

meta

定義HTML文檔中的元數(shù)據(jù)

script

定義客戶(hù)端的腳本文件

style

為HTML文檔定義一個(gè)樣式文件

主體內(nèi)容

body/body；，網(wǎng)頁(yè)中顯示的實(shí)際內(nèi)容包含在這兩個(gè)文本標(biāo)記之間。文本標(biāo)記也稱(chēng)為實(shí)體標(biāo)記。

標(biāo)題：共有6個(gè)等級(jí)，定義如下

h1h1/定義一級(jí)標(biāo)題

h2h2/定義二級(jí)標(biāo)題

h3h3/定義三級(jí)標(biāo)題

h4h4/定義四級(jí)標(biāo)題

h5h5/定義五級(jí)標(biāo)題

h6h6/定義六級(jí)標(biāo)題

以此類(lèi)推

文本

pp/定義文本

換行符

br/換行符

示例： 

  h5這是一個(gè)五級(jí)標(biāo)題h5/

  h6這是一個(gè)六級(jí)標(biāo)題h6/

(    )211211)

   p定義文本p/

(   )211211)

  p隨機(jī)字符br/換行符p/

body/

html/

編輯超文本標(biāo)記語(yǔ)言文件和使用相關(guān)標(biāo)簽時(shí)，有一些約定或默認(rèn)要求。

默認(rèn)情況下，文本標(biāo)記語(yǔ)言源程序的文件擴(kuò)展名使用htm（磁盤(pán)操作系統(tǒng)DOS限制的外文縮寫(xiě)是extension）或html（外文縮寫(xiě)是extension），為了便于操作系統(tǒng)或程序識(shí)別，自定義漢字?jǐn)U展除外。使用文本編輯器時(shí)，注意修改擴(kuò)展名。常用的圖片文件擴(kuò)展名有g(shù)if和jpg。

超文本標(biāo)記語(yǔ)言的源程序是一個(gè)文本文件，它的列寬可以是無(wú)限的，即可以把多個(gè)標(biāo)簽寫(xiě)成一行，甚至可以把整個(gè)文件寫(xiě)成一行；如果寫(xiě)在多行中，瀏覽器通常會(huì)忽略文件中的回車(chē)（標(biāo)記指定除外）文件中的空格通常不會(huì)根據(jù)源程序中的效果顯示。完整的空格可以使用特殊符號(hào)（實(shí)體符）nbsp（請(qǐng)注意，此字母必須小寫(xiě)，以允許空格）表示非換行空格；表示文件路徑時(shí)使用的符號(hào)“分隔符文件名和路徑描述可以用雙引號(hào)括起來(lái)，也可以不用引號(hào)。

標(biāo)簽中的標(biāo)簽元素用尖括號(hào)括起來(lái)，帶斜線的元素表示標(biāo)簽描述的結(jié)束；大多數(shù)標(biāo)記必須成對(duì)使用，以表示動(dòng)作的開(kāi)始和結(jié)束；標(biāo)記元素不區(qū)分大小寫(xiě)，也就是說(shuō)，它們具有相同的功能，但是完整的空格可以使用特殊符號(hào)“nbsp（請(qǐng)注意，此字母必須小寫(xiě)，以允許空格）許多標(biāo)記元素都有屬性描述，可以通過(guò)參數(shù)進(jìn)一步定義多個(gè)參數(shù)或?qū)傩皂?xiàng)的描述順序沒(méi)有限制，可以用空格分隔；標(biāo)記元素的內(nèi)容可以寫(xiě)在多行中。

標(biāo)記符號(hào)，包括尖括號(hào)、標(biāo)記元素、屬性項(xiàng)等必須使用半角西文字符，不能使用全角字符。

HTML注釋由'號(hào)開(kāi)始，由符號(hào)”結(jié)束結(jié)束，例如!注釋內(nèi)容-可以在文本的任何地方插入注釋。如果在任何標(biāo)記的前面插入感嘆號(hào)，它將被標(biāo)記為注釋?zhuān)粫?huì)顯示。

數(shù)據(jù)類(lèi)型 編輯本段