HTML介紹
HTML，全稱Hyper Text Markup Language，即超文本標記語言?！俺谋尽本褪侵疙撁鎯瓤梢园瑘D片、鏈接，甚至音樂、程序等非文字元素。
超文本標記語言的結構包括“頭”部分（Head）、和“主體”部分（Body），其中“頭”部提供關于網頁的信息，“主體”部分提供網頁的具體內容。
萬維網上的一個超媒體文檔稱之為一個頁面（Page）。作為一個組織或者個人在萬維網上放置開始點的頁面稱為主頁（Homepage）或首頁，主頁中通常包括有指向其他相關頁面或其他節點的指針（超級鏈接），所謂超級鏈接，就是一種統一資源定位器（URL，Uniform Resource Locator）指針，通過激活（點擊）它，可使瀏覽器方便地獲取新的網頁。這也是HTML獲得廣泛應用的最重要的原因之一。在邏輯上將視為一個整體的一系列頁面的有機集合稱為網站（Website）。超級文本標記語言（HTML）是為“網頁創建和其它可在網頁瀏覽器中看到的信息”設計的一種標記語言。
網頁的本質就是超文本標記語言，通過結合使用其他的Web技術（如：腳本語言、公共網關接口、組件等），可以創造出功能強大的網頁。因而，超級文本標記語言是萬維網（Web）編程的基礎，也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言，是因為文本中包含了所謂“超級鏈接”點。
超級文本標記語言是標準通用標記語言下的一個應用，也是一種規范，一種標準，它通過標記符號來標記要顯示的網頁中的各個部分。網頁文件本身是一種文本文件，通過在文本文件中添加標記符，可以告訴瀏覽器如何顯示其中的內容（如：文字如何處理，畫面如何安排，圖片如何顯示等）。瀏覽器按順序閱讀網頁文件，然后根據標記符解釋和顯示其標記的內容，對書寫出錯的標記將不指出其錯誤，且不停止其解釋執行過程，編制者只能通過顯示效果來分析出錯原因和出錯部位。但需要注意的是，對于不同的瀏覽器，對同一標記符可能會有不完全相同的解釋，因而可能會有不同的顯示效果。
HTML5 介紹
HTML5 是新一代的HTML，即超文本標記語言，于去年10月28日正式發布，它是全新的、互聯網上構建頁面的標準語言。
那么究竟什么是HTML5？在 W3C HTML5 的常見問題中，關于HTML5是這樣說明的：HTML5是一個開放的平臺下開發的免費許可條款。
具體來說，對這句話有以下兩種理解：
- 指一組共同構成了未來開放式網絡平臺的技術。這些技術包括 HTML5規范、CSS3、SVG、MATHML、地理位置、XmlHttpRequest、Context 2D、Web 字體以及其他技術。這一套技術的邊界是非正式的，且隨時間變化的。
- 指HTML5規范，當然也是開放式網絡平臺的一部分。
基礎的 HTML5 頁面
簡單的 HTML5 頁面
<!doctype html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>基礎的HTML5頁面</title>
</head>
<body>
Hello Airing!
</body>
</html>
運行結果如下：
HTML是由一個個形如尖括號<>的標簽元素組成，這些標簽通常是成對出現，并且標簽之間只能嵌套不能交叉。
擴展：
成對出現的叫做閉合標簽，單個出現的叫做單標簽。不管怎樣都是閉合的(單標簽可以不閉合，但是在XHTML中嚴格要求了閉合)。閉合標簽又分為開始標簽和結束標簽，如
<body>是開始標簽，</body>是結束標簽。自標簽如<input/><br/>等。
關于更多的標簽，建議大家自行了解一下。推薦去W3school平臺查看文檔與手冊。
這里我們著重講一下上述代碼中出現的標簽。
<!doctype html>
這個標簽說明 Web 瀏覽器將在標準模式下呈現頁面。根據 W3C 定義的 HTML5 規范，這是 HTML5 文檔所必需的。這個標簽簡化了長期以來在不同的瀏覽器呈現 HTML 頁面時出現的奇怪差異。它通常為文檔中的第一行。
<html lang="en">
這是包含語言說明的<html>標簽，例如，"en"為英語，"zh"為中文。
<head>...</head>
這2個標記符分別表示頭部信息的開始和結尾。頭部中包含的標記是頁面的標題、序言、說明等內容，它本身不作為內容來顯示，但影響網頁顯示的效果。頭部中最常用的標記符是<title>標記符和<meta>標記符。
以下表格列出了 HTML head 元素下的所有標簽和功能：
標簽 描述 <head>定義了文檔的信息 <title>定義了文檔的標題 <base>定義了頁面鏈接標簽的默認鏈接地址 <link>定義了一個文檔和外部資源之間的關系 <meta>定義了HTML文檔中的元數據 <script>定義了客戶端的腳本文件 <style>定義了HTML文檔的樣式文件
<meta charset="UTF-8">
這個標簽說明 Web 瀏覽器使用的字符編碼模式，這里通常設置為UTF-8。如果沒有需要特別設置的沒必要改變它。這也是 HTML5 頁面需要的元素。
<title>...</title>
這個標簽說明在瀏覽器窗口展示的 HTML 的標題。這是一個很重要的標記，它是搜索引擎用來在 HTML 頁面上收錄內容的主要信息之一。
<body>...</body>
網頁中顯示的實際內容均包含在這2個<body>之間。
綜上，HTML5網頁是由第一行的<!doctype html>與<html>部分組成，而<html>主要分為兩部分——由<head>標簽規定的頭部部分，和由<body>規定的主體部分。
這樣，我們就把最簡單的HTML網頁的基本結構給捋出來了。
HTML 學習資源
因為 HTML 為基礎，且內容簡單，所以本節不會花過多的篇幅去介紹標簽的使用，需要讀者們自行去學習。
筆者強烈推薦慕課網（www.imooc.com）的HTML課程（
《HTML+CSS基礎課程》：http://www.imooc.com/learn/9），認真按順序學完本課程內容，即可掌握 HTML 與 CSS 的基礎內容。另外，學習之余還可以去W3school平臺查看文檔與手冊。
原文：《第一個網頁》（From 《Before Coding》）
