HTML
HTML
（全名
HyperText Markup Language
），又譯
超文本標記語言
，係目前用?
網頁
?主流標記語言。HTML元素係網頁?基本組成模塊。HTML?書寫形式一般由封閉?標籤構成，而且標籤會寫?兩個尖括號裏面，譬如<html>。而內容就會寫?封閉標籤入面。
早期?HTML語法被定義?較?散?規則，以?助?熟悉網絡出版?人採用。網頁瀏覽器接受??個現實，?可以顯示語法?嚴格?網頁。隨住時間流逝，官方標準逐漸趨於嚴格?語法，但係瀏覽器仍然可以顯示一?遠遠及?上合乎標準?HTML。用XML?嚴格規則?XHTML（可擴展超文本標記語言）係W3C計劃中?HTML接替者。雖然好多人認??已經成?目前?HTML標準，但?實際上係一個獨立?、同埋HTML平行發展?標準。W3C目前建議用XHTML 1.1、XHTML 1.0或者HTML 4.01登網頁。
發展史
[
編輯
]
一段用彩色標示?HTML原始碼
?1982年，
Tim Berners-Lee
??令世界各地?物理學家能?更加方便?進行合作?究，建立?HTML。Tim Berners-Lee設計?HTML係以純文字格式?基礎，可以進行任何文字編輯器處理，最初只有?少量標記（TAG）。隨住HTML使用率增加，?人?滿足於淨係?到文字。?1993年，大學生
Marc Andreessen
???
Mosaic瀏覽器
加入<img>標記，自此Web頁面可以出埋圖片。但?人認?得圖片都係未?，希望可以將任何形式?媒體加到去網頁度。因此HTML不斷擴充同埋發展。
HTML標記
[
編輯
]
HTML標記由幾個關鍵部件構成，包括元素（以及??屬性）、基於字符?數據類型、字符引用以及實體引用。?一個重要構成部件係文?類型聲明。?個聲明會?瀏覽器?渲染模式作出標準提示。以下?Hello World程式，係一個較?常見?簡單電腦程式語言入門示例，?本語言同標記語言構成?下面9行代碼，雖然?HTML裏面?係限死要開新行?：
<!DOCTYPE html>
<
html
>
<
head
>
<
title
>
?好 HTML
</
title
>
</
head
>
<
body
>
<
p
>
HTML 好好玩!
</
p
>
</
body
>
</
html
>
?<html>同埋</html>之間?標籤描述?一個網頁。介乎<body>同埋</body> 之間?文本係?頁?得到?內容。?個標記文本'<title>Hello HTML</title>'定義?瀏覽器?標題。
?個文?聲明?類型系一個HTML5。如果?個
<!doctype html>
聲明無被引用?話，大部分瀏覽器會用
Quirks mode
（俗稱怪異模式）對?個HTML文?進行渲染
[1]
。
元素
[
編輯
]
HTML文?完全係由HTML元素構成?。HTML元素最普遍?形式一般含有三樣?：標籤對、起始標籤、結束標籤；寫?起始標籤裏面?某?屬性；最後，任何文字以及圖形內容會處於起始標籤同結束標籤之間，又或者??內容會套入其??HTML元素。所謂HTML元素其實就係起始同結束標籤裏面?任何內容，同時亦包括起始同結束標籤。留意每個標籤都會封閉?尖括號裏面。
一個HTML元素?一般形式係<tag attribute1="?1" attribute2="?2">內容</tag>。因此，用<tag attribute1="?1" attribute2="?2" />?類形式?元素會被定義作?空元素。空元素可以?附帶任何內容，譬如BR標籤或者內聯IMG標籤。一個HTML元素?叫法一般就係??標籤入面用?英文名，結束標籤?英文名前面會帶有一個斜線字符「/」。空元素?需要而且??有結束標記。若果標籤?屬性無被提及，屬性會被定義?默認屬性。
示例
[
編輯
]
HTML文?頭：<head>...</head>。通常文?標題會?文?頭被定義，例如：
<
head
>
<
title
>
文?標題
</
title
>
</
head
>
細標題：HTML 文??細標題一般會定義?由 <h1> 到 <h6> ?標籤入面：
<
h1
>
細標題1
</
h1
>
<
h2
>
細標題2
</
h2
>
<
h3
>
細標題3
</
h3
>
<
h4
>
細標題4
</
h4
>
<
h5
>
細標題5
</
h5
>
<
h6
>
細標題6
</
h6
>
段落：
<
p
>
段落 1
</
p
><
p
>
段落 2
</
p
>
換行：<br>。
<br> 同 <p>之間?分別係，「br」只會簡單?換行，而?會對頁面?語義結構?生影響。而「p」就會將頁面分成好幾個段落。「br」??度其實係一個「空元素」，雖然?可以含有屬性，但??會帶有任何標籤內容，而且?帶有結束標籤。
<
p
>
?個
<
br
>
係一個段落
<
br
>
同時
<
br
>
帶有換行符
</
p
>
註：
註釋有助於理解標記處?含義，但就?會顯示?頁面上面。一般情況下?係?開發者??。
?HTML裏面?標記元素重有?外好幾種類型：
- 描述文字目的?結構化標記，例如，
<h2>高爾夫</h2>
將「高爾夫」構築?一個二級
標題
。結構化標記?會具體表達任何?渲染過程，但係大多數瀏覽器會有默認?樣式?對元素進行格式化。而內容更有可能會通過樣式表（
Cascading Style Sheets
，?係CSS）進一步被格式化。
- 描述文字外觀?表象標記，例如
<b>boldface</b>
指明可視化輸出設備需要令文字呈現「粗體」?視覺效果。而對於無法做出?類行??設備（譬如TTS聽覺類?設備），??度就無更多?設定。例如?兩個例子
<b>粗體</b>
同埋
<i>斜體</i>
，會同時存在其??元素可以起到一樣?視覺效果。例如，
<strong>加粗文字</strong>
同埋
<em>重點文字</em>
，而?類元素有時會有更??語義性，以?助閱讀代碼?人去理解。極之容易就可以?出，一個以聽覺作?輸出?客戶端應該恰當?解釋後面兩個元素。然而，??會同對應?視覺表現效果?生分?：例如，??幕上對書名用斜體?表示係??，而對一個書名進行?調??幕閱讀器就係?可取?。大多數表象標記?HTML 4.0規範下已經被標註?過時，用樣式表進行格式化就已成慣例。
- 超文本標記令文??某部分可以連接到其?文?，一個錨元素會?文?入面創建一個
超連結
，同時??
href
屬性會設置?超連結?目標
URL
。例如?個HTML標記，
<a href="http://wikipedia.org/">維基百科</a>
會將「
維基百科
」設定?一個超連結。若果要將一個圖片作?一個超連結，通常會將一個「img」元素作?內容嵌?一個「a」元素入面。例如'br'，'img'?類只有屬性而無任何內容?空元素，就會係?：
<a href="http://wikipedia.org"><img src="image.gif" alt="描述文字" width="50" height="50" border="0"></a>
。
參考
[
編輯
]