- 相關推薦
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來編寫，也可以。不過存盤時請使用.htm或.html作為擴展名，這樣就方便瀏覽器認出直接解釋執行了。
半所見即所得軟件，
如：FCK-Editer、E-webediter等在線網頁器;
尤其推薦：Sublime Text代碼器(由Jon Skinner開發，Sublime Text 2收費但可以無限期試用)。
所見即所得軟件，使用最廣泛的器，完全可以一點不懂HTML的知識就可以做出網頁，如：
AMAYA(出品單位：萬維網聯盟);
FRONTPAGE(出品單位：微軟);
Dreamweaver(出品單位：Adobe)。
所見即所得軟件與半所見即所得的軟件相比，開發速度更快，效率更高，且直觀的表現更強。任何地方進行修改只需要刷新即可顯示。缺點是生成的代碼結構復雜，不利于大型網站的多人協作和精準定位等高級功能的實現。
字符集
在網頁中除了可顯示常見的美國信息交換標準代碼(外語縮寫：ASCII)字符和漢字外，HTML還有許多特殊字符，它們一起構成了HTML字符集。有2種情況需要使用特殊字符，一是網頁中有其特殊意義的字符，二是鍵盤上沒有的字符。HTML字符可以用一些代碼來表示，代碼可以有2種表示方式。即字符代碼(命名實體)和數字代碼(編號實體)。字符代碼以“&”符開始，以分號";"結束，其間是字符名，如®。數字代碼也以“&#”符開始，以分號";"結束，其間是編號，如®。
整體結構
一個網頁對應多個HTML文件，超文本標記語言文件以.htm(磁盤操作系統DOS限制的外語縮寫)為擴展名或.html(外語縮寫)為擴展名。可以使用任何能夠生成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=百度" 是一個固定值，即使您沒有包含它，此值也會被添加到 標簽中。
【HTML是什么？】相關文章：
關于HTML代碼的問題？07-09
html網頁怎麼編輯07-03
html5就業前景07-02
]菜鳥想學網頁設計，不懂html07-03
html網頁設計心得體會12-21
網頁html設計心得體會12-23
html網頁心得體會12-28
HTML5培訓心得體會12-12
如何編輯網頁中文字與圖片的HTML代碼07-03
html5實訓心得體會06-23