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