現在學習HTML5的方式

目前HTML還處於HTML4與HTML5之間的過渡使用階段。移動端的Web介面開發已經全面使用HTML5的技術，而在PC端由於使用者升級瀏覽器週期較長，面臨著頁面的相容性問題，以及開發人員對HTML5新技術需要一段時間瞭解和熟練，所以學習HTML必須兼顧這兩個版本。可以按版本升級的方式，先學習HTML4的技術，再延伸學習HTML5新增加的內容。而HTML是一個不斷變化的標準，不管是哪個版本都屬於HTML技術，所以本書直接學習HTML5的標準，當然遇到與HTML4變化較大的地方也會重點指出。

簡單HTML例項製作

學習使用HTML製作網頁，最好、最快捷的方式就是邊學邊做實驗，那麼讓我們建立一個簡單的範例吧，非常容易。因為網頁文件是純文字檔案，所以只需要兩個工具即可：一個是文字編輯器，另一個是瀏覽器。下面介紹一個簡單的HTML例項製作步驟，所有HTML頁面的製作都可以參考同樣的過程。

第一步：開啟文字編輯器（推薦Notepad++，Linux系統使用者可以使用vi）。記住，如果你在使用比較複雜的文書處理器，就應該用“純文字”或“普通文字”來儲存。

第二步：輸入頁面的主體標記。每個HTML頁面都要包含這些主體標記，程式碼如下。

第三步：將它命名為“xxxx.html”（隨便你起一個什麼名字，副檔名也可以是.htm）。例如，mypage. html。

第四步：使用瀏覽器直接開啟這個檔案，你會看見自己做得最簡單的頁面，如圖所示。

圖 第一個HTML例項演示

如果希望將該頁面釋出到WWW上，讓任何人都可以訪問，就需要將其存放到Web伺服器的文件根目錄下。然後在客戶端瀏覽器（Chrome）的位址列中，通過輸入該檔案的URL進行訪問，例如http://localhost/mypage.html。頁面的顯示內容和在本機中直接使用瀏覽器開啟的結果相同，都是通過瀏覽器解析同樣的HTML程式碼