HTML是什麼？

我們經常看到網頁的格式是HTML，而HTML到底是什麼呢？其實簡單來說就是一種用於網頁製作的語言，HTML就是有着比較久的歷史的了。而下面就由小編給大家分享下HTML是什麼吧。

HTML就是超文本標記語言，標準通用標記語言下的一個應用。

“超文本”就是指頁面內可以包含圖片、鏈接，甚至音樂、程序等非文字元素。

超文本標記語言的結構包括“頭”部分(英語：Head)、和“主體”部分(英語：Body)，其中“頭”部提供關於網頁的信息，“主體”部分提供網頁的具體內容。

詳細介紹

由來

萬維網上的一個超媒體文檔稱之爲一個頁面(外語：page)。作爲一個組織或者個人在萬維網上放置開始點的頁面稱爲主頁(外語：Homepage)或首頁，主頁中通常包括有指向其他相關頁面或其他節點的指針(超級鏈接)，所謂超級鏈接，就是一種統一資源定位器(Uniform Resource Locator，外語縮寫：URL)指針，通過激活(點擊)它，可使瀏覽器方便地獲取新的網頁。這也是HTML獲得廣泛應用的最重要的原因之一。在邏輯上將視爲一個整體的一系列頁面的有機集合稱爲網站(Website或Site)。超級文本標記語言(英文縮寫：HTML)是爲“網頁創建和其它可在網頁瀏覽器中看到的信息”設計的一種標記語言。

網頁的本質就是超級文本標記語言，通過結合使用其他的Web技術(如：腳本語言、公共網關接口、組件等)，可以創造出功能強大的網頁。因而，超級文本標記語言是萬維網(Web)編程的基礎，也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱爲超文本標記語言，是因爲文本中包含了所謂“超級鏈接”點。[1]

定義

超級文本標記語言是標準通用標記語言下的一個應用，也是一種規範，一種標準，

超文本標記語言

超文本標記語言(16張)

它通過標記符號來標記要顯示的網頁中的各個部分。網頁文件本身是一種文本文件，通過在文本文件中添加標記符，可以告訴瀏覽器如何顯示其中的內容(如：文字如何處理，畫面如何安排，圖片如何顯示等)。瀏覽器按順序閱讀網頁文件，然後根據標記符解釋和顯示其標記的內容，對書寫出錯的標記將不指出其錯誤，且不停止其解釋執行過程，編制者只能通過顯示效果來分析出錯原因和出錯部位。但需要注意的是，對於不同的瀏覽器，對同一標記符可能會有不完全相同的解釋，因而可能會有不同的顯示效果。[2]

語言特點

超級文本標記語言文檔製作不是很複雜，但功能強大，支持不同數據格式的文件鑲入，這也是萬維網(WWW)盛行的原因之一，其主要特點如下：

簡易性：超級文本標記語言版本升級採用超集方式，從而更加靈活方便。

可擴展性：超級文本標記語言的廣泛應用帶來了加強功能，增加標識符等要求，超級文本標記語言採取子類元素的方式，爲系統擴展帶來保證。

平臺無關性：雖然個人計算機大行其道，但使用MAC等其他機器的大有人在，超級文本標記語言可以使用在廣泛的平臺上，這也是萬維網(WWW)盛行的另一個原因。

通用性：另外，HTML是網絡的通用語言,一種簡單、通用的全置標記語言。它允許網頁製作人建立文本與圖片相結合的複雜頁面，這些頁面可以被網上任何其他人瀏覽到，無論使用的是什麼類型的電腦或瀏覽器。

書寫方式

它其實是文本，它需要瀏覽器的解釋，它的器大體可以分爲三種，

基本文本、文檔軟件，使用微軟自帶的.記事本或寫字板都可以編寫，當然，如果你用WPS來編寫，也可以。不過存盤時請使用或作爲擴展名，這樣就方便瀏覽器認出直接解釋執行了。

半所見即所得軟件，

如：FCK-Editer、E-webediter等在線網頁器;

尤其推薦：Sublime Text代碼器(由Jon Skinner開發，Sublime Text 2收費但可以無限期試用)。

所見即所得軟件，使用最廣泛的器，完全可以一點不懂HTML的知識就可以做出網頁，如：

AMAYA(出品單位：萬維網聯盟);

FRONTPAGE(出品單位：微軟);

Dreamweaver(出品單位：Adobe)。

所見即所得軟件與半所見即所得的軟件相比，開發速度更快，效率更高，且直觀的表現更強。任何地方進行修改只需要刷新即可顯示。缺點是生成的代碼結構複雜，不利於大型網站的多人協作和精準定位等高級功能的實現。

字符集

在網頁中除了可顯示常見的美國信息交換標準代碼(外語縮寫：ASCII)字符和漢字外，HTML還有許多特殊字符，它們一起構成了HTML字符集。有2種情況需要使用特殊字符，一是網頁中有其特殊意義的字符，二是鍵盤上沒有的字符。HTML字符可以用一些代碼來表示，代碼可以有2種表示方式。即字符代碼(命名實體)和數字代碼(編號實體)。字符代碼以“&”符開始，以分號";"結束，其間是字符名，如®。數字代碼也以“&#”符開始，以分號";"結束，其間是編號，如®。

整體結構

一個網頁對應多個HTML文件，超文本標記語言文件以(磁盤操作系統DOS限制的外語縮寫)爲擴展名或(外語縮寫)爲擴展名。可以使用任何能夠生成TXT類型源文件的文本器來產生超文本標記語言文件，只用修改文件後綴即可。

超文本標記語言

超文本標記語言

標準的超文本標記語言文件都具有一個基本的整體結構，標記一般都是成對出現(部分標記除外例如：

)，即超文本標記語言文件的開頭與結尾標誌和超文本標記語言的頭部與實體兩大部分。有三個雙標記符用於頁面整體結構的確認。

標記符,說明該文件是用超文本標記語言(本標籤的中文全稱)來描述的,

它是文件的開頭;而,則表示該文件的結尾，它們是超文本標記語言文件的開始標記和結尾標記。

頭部內容

;這2個標記符分別表示頭部信息的開始和結尾。頭部中包含的標記是頁面的標題、序言、說明等內容，它本身不作爲內容來顯示，但影響網頁顯示的效果。頭部中最常用的標記符是標題標記符和meta標記符，其中標題標記符用於定義網頁的標題，它的內容顯示在網頁窗口的標題欄中，網頁標題可被瀏覽器用作書籤和收藏清單。

設置文檔標題和其它在網頁中不顯示的信息，比如direction方向、語言代碼Language Code(實體定義!ENTITY % i18n)、指定字典中的元信息、等等。

以下表格列出了 HTML head 元素：[3]

標籤

描述

定義了文檔的信息

設置文檔的標題。

當然，如果不使用以上基本框架結構，而直接使用在實體部分中出現的標記符，在瀏覽器下也可以解釋執行。

內容描述

最大的標題(一號標題)

預先格式化文本 (英文全稱：PREformatted)

下劃線(英文全稱：Underline)

黑體字 (英文全稱：Bold)

斜體字 (英文全稱：Italics)

打字機風格的字體

引用，通常是斜體

強調文本(通常是斜體加黑體、英文全稱：EMphasize)

加重文本(通常是斜體加黑體)

設置字體大小從1到7，顏色使用名字或RGB(中文全稱：紅綠藍)的十六進制值

基準字體標記

字體加大

字體縮小

加刪除線

程式碼

鍵盤字(英文全稱：KeyBoarD)

範例(英文全稱：SAMPle)

變量(英文全稱：VARiable)

向右縮排(向右縮進、塊引用)

述語定義(英文全稱：DeFiNe)

地址標記

上標字 (英文全稱：SUPerscript)

下標字(英文全稱：SUBscript)

...

;固定寬度字體(在文件中空白、換行、定位功能有效)

...

;固定寬度字體(不執行標記符號)

...

固定寬度小字體

...;字體 顏色

...;字體 大小等於1(最小)。

...;字體 樣式等於無限增大(100像素)

格式標誌標籤

創建一個段落 (英文全稱：Paragraphs)

將段落按左、中、右對齊

定義新行

從兩邊縮進文本

定義列表(英文全稱：DefinitionList)

放在每個定義術語詞前(定義術語、英文全稱：DefinitionTerm)

放在每個定義之前(定義說明、英文全稱：DefinitionDescription)

創建一個標有序的列表，默認前面有數字，從數字“1”開始計數，依次疊加，也可以設置爲字母或從任何自然數開始計數的列表項 (有序列表、外語全稱：OrderedList)

創建一個無序的列表，默認前面標有圓點，也可以自己設置爲none或者其他形狀，如空心圓、方塊等。(無序列表、外語全稱：UnorderedLists)

放在每個列表項之前，若在

;之間則每個列表項加上一個數字，

若在

;之間則每個列表項加上一個圓點

用來排版大塊HTML段落，也用於格式化表

選項清單

目錄清單

強行不換行(英文全稱：nobreaking)

;水平線(設定寬度、外語全稱：horizontalrule)

水平居中

網頁表格標籤

由於表格可以精確控制文本和圖像在網頁中的顯示位置，所以在很多網站的主頁中一般都使用表格來進行佈局。

表格的基本結構如下：

...

...

...

定義整個表格，即表格的內容要放在和標記中;在中的主要屬性：border屬性顯示錶格的邊框，width, height屬性定義表格的大小。標記符用來定義表格的標題。

表格的表示以行爲單位，在行中包含列。其中：一個...

標記表示一行;一個...標記表示一列;... 定義表頭，一般可以不用。

鏈接標誌表格標誌

href="一個統一資源定位器">

：創建超文本鏈接。

name="書籤頁">

：創建位於文檔內部的書籤。

href="#書籤頁">

：創建指向位於文檔內部書籤的鏈接。

使用

每種HTML標記符在使用中可帶有不同的屬性項，用於描述該標記符說明的內容顯示不同的效果。正文標記符中提供以下屬性來改變文本的顏色及頁面背景。

BGCOLOR(外語全稱：BackgroundColor)用於定義網頁的背景色，BACKGROUND用於定義網頁背景圖案的圖像文件

TEXT用於定義正文字符的顏色，默認爲黑色

LINK用於定義網頁中超級鏈接字符的顏色，默認爲藍色

VLINK(外語全稱：VisitedLINK)用於定義網頁中已被訪問過的超接鏈接字符的顏色，默認爲紫紅色

ALINK(中文全稱：活動鏈接)用於定義被鼠標選中，但未使用時超鏈字符的顏色，默認爲紅色

例如：標記將定義頁面的背景色爲黑色，正文字體顯示爲白色。

以上屬性使用中，需要對顏色進行說明，在HTML中對顏色可使用3種方法說明顏色屬性值，即直接顏色名稱、16進制顏色代碼、10進制RGB碼。

直接顏色名稱，可以在代碼中直接寫出顏色的英文名稱。如我們，在瀏覽器上顯示時就爲紅色。

16進制顏色代碼，語法格式： #RRGGBB 。16進制顏色代碼之前必須有一個“#”號，這種顏色代碼是由三部分組成的，其中前兩位代表紅色，中間兩位代表綠色，後兩位代表藍色。不同的取值代表不同的顏色，他們的取值範圍是00--FF。如我們，在瀏覽器上顯示同樣爲紅色。

10進制RGB碼，語法格式： RGB(RRR,GGG,BBB) 。在這種表示法中，後面三個參數分別是紅色、綠色、藍色，他們的取值範圍是0--255。以上兩種表達方式可以相互轉換，標準是16進制與10進制的相互轉換。如我們，在瀏覽器上顯示字體爲紅色。

使用圖案代替背景顏色，可以使頁面更生動、美觀。

如今用一張大圖當做網頁的背景已經成爲一種流行趨勢，高質量的精美照片和抽象的設計圖片能夠給網站的外觀帶去深刻的影響。

可將圖像文件“圖像.gif”所表示的一幅圖像作爲頁面的背景，若圖像幅面不夠大，將會將圖像重複平鋪在窗口中。

註釋

1

其他版本

和XHTML之間的差異：

xmlns 屬性在XHTML中是必需的，但在 HTML中不是。不過，即使XHTML文檔中的 沒有使用此屬性，W3C 的驗證器也不會報錯。這是因爲 "xmlns=百度" 是一個固定值，即使您沒有包含它，此值也會被添加到 標籤中。