IT兄弟連 HTML5教程 HTML5的基本語法 簡單HTML實例製作

• 2019 年 10 月 7 日
• 筆記

版權聲明：本文為部落客原創文章，遵循 CC 4.0 BY-SA 版權協議，轉載請附上原文出處鏈接和本聲明。

本文鏈接：https://blog.csdn.net/ITXDL123/article/details/101192208

現在學習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程式碼後輸出的結果。