- 相關(guān)推薦
HTML是什么？
我們經(jīng)�？吹骄W(wǎng)頁(yè)的格式是HTML，而HTML到底是什么呢？其實(shí)簡(jiǎn)單來(lái)說(shuō)就是一種用于網(wǎng)頁(yè)制作的語(yǔ)言，HTML就是有著比較久的歷史的了。而下面就由小編給大家分享下HTML是什么吧。
HTML是什么？
HTML就是超文本標(biāo)記語(yǔ)言，標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用。
“超文本”就是指頁(yè)面內(nèi)可以包含圖片、鏈接，甚至音樂(lè)、程序等非文字元素。
超文本標(biāo)記語(yǔ)言的結(jié)構(gòu)包括“頭”部分(英語(yǔ)：Head)、和“主體”部分(英語(yǔ)：Body)，其中“頭”部提供關(guān)于網(wǎng)頁(yè)的信息，“主體”部分提供網(wǎng)頁(yè)的具體內(nèi)容。
詳細(xì)介紹
由來(lái)
萬(wàn)維網(wǎng)上的一個(gè)超媒體文檔稱(chēng)之為一個(gè)頁(yè)面(外語(yǔ)：page)。作為一個(gè)組織或者個(gè)人在萬(wàn)維網(wǎng)上放置開(kāi)始點(diǎn)的頁(yè)面稱(chēng)為主頁(yè)(外語(yǔ)：Homepage)或首頁(yè)，主頁(yè)中通常包括有指向其他相關(guān)頁(yè)面或其他節(jié)點(diǎn)的指針(超級(jí)鏈接)，所謂超級(jí)鏈接，就是一種統(tǒng)一資源定位器(Uniform Resource Locator，外語(yǔ)縮寫(xiě)：URL)指針，通過(guò)激活(點(diǎn)擊)它，可使瀏覽器方便地獲取新的網(wǎng)頁(yè)。這也是HTML獲得廣泛應(yīng)用的最重要的原因之一。在邏輯上將視為一個(gè)整體的一系列頁(yè)面的有機(jī)集合稱(chēng)為網(wǎng)站(Website或Site)。超級(jí)文本標(biāo)記語(yǔ)言(英文縮寫(xiě)：HTML)是為“網(wǎng)頁(yè)創(chuàng)建和其它可在網(wǎng)頁(yè)瀏覽器中看到的信息”設(shè)計(jì)的一種標(biāo)記語(yǔ)言。
網(wǎng)頁(yè)的本質(zhì)就是超級(jí)文本標(biāo)記語(yǔ)言，通過(guò)結(jié)合使用其他的Web技術(shù)(如：腳本語(yǔ)言、公共網(wǎng)關(guān)接口、組件等)，可以創(chuàng)造出功能強(qiáng)大的網(wǎng)頁(yè)。因而，超級(jí)文本標(biāo)記語(yǔ)言是萬(wàn)維網(wǎng)(Web)編程的基礎(chǔ)，也就是說(shuō)萬(wàn)維網(wǎng)是建立在超文本基礎(chǔ)之上的。超級(jí)文本標(biāo)記語(yǔ)言之所以稱(chēng)為超文本標(biāo)記語(yǔ)言，是因?yàn)槲谋局邪怂^“超級(jí)鏈接”點(diǎn)。[1]
定義
超級(jí)文本標(biāo)記語(yǔ)言是標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用，也是一種規(guī)范，一種標(biāo)準(zhǔn)，
超文本標(biāo)記語(yǔ)言
超文本標(biāo)記語(yǔ)言(16張)
它通過(guò)標(biāo)記符號(hào)來(lái)標(biāo)記要顯示的網(wǎng)頁(yè)中的各個(gè)部分。網(wǎng)頁(yè)文件本身是一種文本文件，通過(guò)在文本文件中添加標(biāo)記符，可以告訴瀏覽器如何顯示其中的內(nèi)容(如：文字如何處理，畫(huà)面如何安排，圖片如何顯示等)。瀏覽器按順序閱讀網(wǎng)頁(yè)文件，然后根據(jù)標(biāo)記符解釋和顯示其標(biāo)記的內(nèi)容，對(duì)書(shū)寫(xiě)出錯(cuò)的標(biāo)記將不指出其錯(cuò)誤，且不停止其解釋執(zhí)行過(guò)程，編制者只能通過(guò)顯示效果來(lái)分析出錯(cuò)原因和出錯(cuò)部位。但需要注意的是，對(duì)于不同的瀏覽器，對(duì)同一標(biāo)記符可能會(huì)有不完全相同的解釋?zhuān)蚨赡軙?huì)有不同的顯示效果。[2]
語(yǔ)言特點(diǎn)
超級(jí)文本標(biāo)記語(yǔ)言文檔制作不是很復(fù)雜，但功能強(qiáng)大，支持不同數(shù)據(jù)格式的文件鑲?cè)�，這也是萬(wàn)維網(wǎng)(WWW)盛行的原因之一，其主要特點(diǎn)如下：
簡(jiǎn)易性：超級(jí)文本標(biāo)記語(yǔ)言版本升級(jí)采用超集方式，從而更加靈活方便。
可擴(kuò)展性：超級(jí)文本標(biāo)記語(yǔ)言的廣泛應(yīng)用帶來(lái)了加強(qiáng)功能，增加標(biāo)識(shí)符等要求，超級(jí)文本標(biāo)記語(yǔ)言采取子類(lèi)元素的方式，為系統(tǒng)擴(kuò)展帶來(lái)保證。
平臺(tái)無(wú)關(guān)性：雖然個(gè)人計(jì)算機(jī)大行其道，但使用MAC等其他機(jī)器的大有人在，超級(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è)制作人建立文本與圖片相結(jié)合的復(fù)雜頁(yè)面，這些頁(yè)面可以被網(wǎng)上任何其他人瀏覽到，無(wú)論使用的是什么類(lèi)型的電腦或?yàn)g覽器。
書(shū)寫(xiě)方式
它其實(shí)是文本，它需要瀏覽器的解釋?zhuān)钠鞔篌w可以分為三種，
基本文本、文檔軟件，使用微軟自帶的記事本或?qū)懽职宥伎梢跃帉?xiě)，當(dāng)然，如果你用WPS來(lái)編寫(xiě)，也可以。不過(guò)存盤(pán)時(shí)請(qǐng)使用.htm或.html作為擴(kuò)展名，這樣就方便瀏覽器認(rèn)出直接解釋執(zhí)行了。
半所見(jiàn)即所得軟件，
如：FCK-Editer、E-webediter等在線(xiàn)網(wǎng)頁(yè)器;
尤其推薦：Sublime Text代碼器(由Jon Skinner開(kāi)發(fā)，Sublime Text 2收費(fèi)但可以無(wú)限期試用)。
所見(jiàn)即所得軟件，使用最廣泛的器，完全可以一點(diǎn)不懂HTML的知識(shí)就可以做出網(wǎng)頁(yè)，如：
AMAYA(出品單位：萬(wàn)維網(wǎng)聯(lián)盟);
FRONTPAGE(出品單位：微軟);
Dreamweaver(出品單位：Adobe)。
所見(jiàn)即所得軟件與半所見(jiàn)即所得的軟件相比，開(kāi)發(fā)速度更快，效率更高，且直觀的表現(xiàn)更強(qiáng)。任何地方進(jìn)行修改只需要刷新即可顯示。缺點(diǎn)是生成的代碼結(jié)構(gòu)復(fù)雜，不利于大型網(wǎng)站的多人協(xié)作和精準(zhǔn)定位等高級(jí)功能的實(shí)現(xiàn)。
字符集
在網(wǎng)頁(yè)中除了可顯示常見(jiàn)的美國(guó)信息交換標(biāo)準(zhǔn)代碼(外語(yǔ)縮寫(xiě)：ASCII)字符和漢字外，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é)束，其間是編號(hào)，如。
整體結(jié)構(gòu)
一個(gè)網(wǎng)頁(yè)對(duì)應(yīng)多個(gè)HTML文件，超文本標(biāo)記語(yǔ)言文件以.htm(磁盤(pán)操作系統(tǒng)DOS限制的外語(yǔ)縮寫(xiě))為擴(kuò)展名或.html(外語(yǔ)縮寫(xiě))為擴(kuò)展名�？梢允褂萌魏文軌蛏蒚XT類(lèi)型源文件的文本器來(lái)產(chǎn)生超文本標(biāo)記語(yǔ)言文件，只用修改文件后綴即可。
超文本標(biāo)記語(yǔ)言
超文本標(biāo)記語(yǔ)言
標(biāo)準(zhǔn)的超文本標(biāo)記語(yǔ)言文件都具有一個(gè)基本的整體結(jié)構(gòu)，標(biāo)記一般都是成對(duì)出現(xiàn)(部分標(biāo)記除外例如：
)，即超文本標(biāo)記語(yǔ)言文件的開(kāi)頭與結(jié)尾標(biāo)志和超文本標(biāo)記語(yǔ)言的頭部與實(shí)體兩大部分。有三個(gè)雙標(biāo)記符用于頁(yè)面整體結(jié)構(gòu)的確認(rèn)。
標(biāo)記符,說(shuō)明該文件是用超文本標(biāo)記語(yǔ)言(本標(biāo)簽的中文全稱(chēng))來(lái)描述的,
它是文件的開(kāi)頭;而,則表示該文件的結(jié)尾，它們是超文本標(biāo)記語(yǔ)言文件的開(kāi)始標(biāo)記和結(jié)尾標(biāo)記。
頭部?jī)?nèi)容
;這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ū)簽和收藏清單。
設(shè)置文檔標(biāo)題和其它在網(wǎng)頁(yè)中不顯示的信息，比如direction方向、語(yǔ)言代碼Language Code(實(shí)體定義!ENTITY % i18n)、指定字典中的元信息、等等。
以下表格列出了 HTML head 元素：[3]
標(biāo)簽
描述
定義了文檔的信息
設(shè)置文檔的標(biāo)題。
當(dāng)然，如果不使用以上基本框架結(jié)構(gòu)，而直接使用在實(shí)體部分中出現(xiàn)的標(biāo)記符，在瀏覽器下也可以解釋執(zhí)行。
內(nèi)容描述
最大的標(biāo)題(一號(hào)標(biāo)題)
預(yù)先格式化文本 (英文全稱(chēng)：PREformatted)
下劃線(xiàn)(英文全稱(chēng)：Underline)
黑體字 (英文全稱(chēng)：Bold)
斜體字 (英文全稱(chēng)：Italics)
打字機(jī)風(fēng)格的字體
引用，通常是斜體
強(qiáng)調(diào)文本(通常是斜體加黑體、英文全稱(chēng)：EMphasize)
加重文本(通常是斜體加黑體)
設(shè)置字體大小從1到7，顏色使用名字或RGB(中文全稱(chēng)：紅綠藍(lán))的十六進(jìn)制值
基準(zhǔn)字體標(biāo)記
字體加大
字體縮小
加刪除線(xiàn)
程式碼
鍵盤(pán)字(英文全稱(chēng)：KeyBoarD)
范例(英文全稱(chēng)：SAMPle)
變量(英文全稱(chēng)：VARiable)
向右縮排(向右縮進(jìn)、塊引用)
述語(yǔ)定義(英文全稱(chēng)：DeFiNe)
地址標(biāo)記
上標(biāo)字 (英文全稱(chēng)：SUPerscript)
下標(biāo)字(英文全稱(chēng)：SUBscript)
...
;固定寬度字體(在文件中空白、換行、定位功能有效)
...
;固定寬度字體(不執(zhí)行標(biāo)記符號(hào))
...
固定寬度小字體
...;字體 顏色
...;字體 大小等于1(最小)。
...;字體 樣式等于無(wú)限增大(100像素)
格式標(biāo)志標(biāo)簽
創(chuàng)建一個(gè)段落 (英文全稱(chēng)：Paragraphs)
將段落按左、中、右對(duì)齊
定義新行
從兩邊縮進(jìn)文本
定義列表(英文全稱(chēng)：DefinitionList)
放在每個(gè)定義術(shù)語(yǔ)詞前(定義術(shù)語(yǔ)、英文全稱(chēng)：DefinitionTerm)
放在每個(gè)定義之前(定義說(shuō)明、英文全稱(chēng)：DefinitionDescription)
創(chuàng)建一個(gè)標(biāo)有序的列表，默認(rèn)前面有數(shù)字，從數(shù)字“1”開(kāi)始計(jì)數(shù)，依次疊加，也可以設(shè)置為字母或從任何自然數(shù)開(kāi)始計(jì)數(shù)的列表項(xiàng) (有序列表、外語(yǔ)全稱(chēng)：OrderedList)
創(chuàng)建一個(gè)無(wú)序的列表，默認(rèn)前面標(biāo)有圓點(diǎn)，也可以自己設(shè)置為none或者其他形狀，如空心圓、方塊等。(無(wú)序列表、外語(yǔ)全稱(chēng)：UnorderedLists)
放在每個(gè)列表項(xiàng)之前，若在
;之間則每個(gè)列表項(xiàng)加上一個(gè)數(shù)字，
若在
;之間則每個(gè)列表項(xiàng)加上一個(gè)圓點(diǎn)
用來(lái)排版大塊HTML段落，也用于格式化表
選項(xiàng)清單
目錄清單
強(qiáng)行不換行(英文全稱(chēng)：nobreaking)
;水平線(xiàn)(設(shè)定寬度、外語(yǔ)全稱(chēng)：horizontalrule)
水平居中
網(wǎng)頁(yè)表格標(biāo)簽
由于表格可以精確控制文本和圖像在網(wǎng)頁(yè)中的顯示位置，所以在很多網(wǎng)站的主頁(yè)中一般都使用表格來(lái)進(jìn)行布局。
表格的基本結(jié)構(gòu)如下：
...
...
...
定義整個(gè)表格，即表格的內(nèi)容要放在和標(biāo)記中;在中的主要屬性：border屬性顯示表格的邊框，width, height屬性定義表格的大小。標(biāo)記符用來(lái)定義表格的標(biāo)題。
表格的表示以行為單位，在行中包含列。其中：一個(gè)...
標(biāo)記表示一行;一個(gè)...標(biāo)記表示一列;... 定義表頭，一般可以不用。
鏈接標(biāo)志表格標(biāo)志
href="一個(gè)統(tǒng)一資源定位器">
：創(chuàng)建超文本鏈接。
name="書(shū)簽頁(yè)">
：創(chuàng)建位于文檔內(nèi)部的書(shū)簽。
href="#書(shū)簽頁(yè)">
：創(chuàng)建指向位于文檔內(nèi)部書(shū)簽的鏈接。
使用
每種HTML標(biāo)記符在使用中可帶有不同的屬性項(xiàng)，用于描述該標(biāo)記符說(shuō)明的內(nèi)容顯示不同的效果。正文標(biāo)記符中提供以下屬性來(lái)改變文本的顏色及頁(yè)面背景。
BGCOLOR(外語(yǔ)全稱(chēng)：BackgroundColor)用于定義網(wǎng)頁(yè)的背景色，BACKGROUND用于定義網(wǎng)頁(yè)背景圖案的圖像文件
TEXT用于定義正文字符的顏色，默認(rèn)為黑色
LINK用于定義網(wǎng)頁(yè)中超級(jí)鏈接字符的顏色，默認(rèn)為藍(lán)色
VLINK(外語(yǔ)全稱(chēng)：VisitedLINK)用于定義網(wǎng)頁(yè)中已被訪(fǎng)問(wèn)過(guò)的超接鏈接字符的顏色，默認(rèn)為紫紅色
ALINK(中文全稱(chēng)：活動(dòng)鏈接)用于定義被鼠標(biāo)選中，但未使用時(shí)超鏈字符的顏色，默認(rèn)為紅色
例如：標(biāo)記將定義頁(yè)面的背景色為黑色，正文字體顯示為白色。
以上屬性使用中，需要對(duì)顏色進(jìn)行說(shuō)明，在HTML中對(duì)顏色可使用3種方法說(shuō)明顏色屬性值，即直接顏色名稱(chēng)、16進(jìn)制顏色代碼、10進(jìn)制RGB碼。
直接顏色名稱(chēng)，可以在代碼中直接寫(xiě)出顏色的英文名稱(chēng)。如我們，在瀏覽器上顯示時(shí)就為紅色。
16進(jìn)制顏色代碼，語(yǔ)法格式： #RRGGBB 。16進(jìn)制顏色代碼之前必須有一個(gè)“#”號(hào)，這種顏色代碼是由三部分組成的，其中前兩位代表紅色，中間兩位代表綠色，后兩位代表藍(lán)色。不同的取值代表不同的顏色，他們的取值范圍是00--FF。如我們，在瀏覽器上顯示同樣為紅色。
10進(jìn)制RGB碼，語(yǔ)法格式： RGB(RRR,GGG,BBB) 。在這種表示法中，后面三個(gè)參數(shù)分別是紅色、綠色、藍(lán)色，他們的取值范圍是0--255。以上兩種表達(dá)方式可以相互轉(zhuǎn)換，標(biāo)準(zhǔn)是16進(jìn)制與10進(jìn)制的相互轉(zhuǎn)換。如我們，在瀏覽器上顯示字體為紅色。
使用圖案代替背景顏色，可以使頁(yè)面更生動(dòng)、美觀。
如今用一張大圖當(dāng)做網(wǎng)頁(yè)的背景已經(jīng)成為一種流行趨勢(shì)，高質(zhì)量的精美照片和抽象的設(shè)計(jì)圖片能夠給網(wǎng)站的外觀帶去深刻的影響。
可將圖像文件“圖像.gif”所表示的一幅圖像作為頁(yè)面的背景，若圖像幅面不夠大，將會(huì)將圖像重復(fù)平鋪在窗口中。
注釋
1
其他版本
和XHTML之間的差異：
xmlns 屬性在XHTML中是必需的，但在 HTML中不是。不過(guò)，即使XHTML文檔中的 沒(méi)有使用此屬性，W3C 的驗(yàn)證器也不會(huì)報(bào)錯(cuò)。這是因?yàn)?"xmlns=百度" 是一個(gè)固定值，即使您沒(méi)有包含它，此值也會(huì)被添加到 標(biāo)簽中。
[HTML是什么？]
【HTML是什么？】相關(guān)文章：
html5就業(yè)前景07-24
HTML前端開(kāi)發(fā)面試題及前端知識(shí)07-29
10個(gè)最常見(jiàn)的 HTML5 面試題及答案07-30
10個(gè)最常見(jiàn)的HTML5面試題及答案11-01
設(shè)計(jì)師究竟需不需要學(xué)HTML和CSS08-11
是什么年？是什么生肖年？06-17
是什么年？是什么生肖年？09-16
拉拉褲是什么_成長(zhǎng)褲是什么10-03
惡露是什么09-13