HTML全名HyperText Markup Language,是一種建立網頁的標準標記語言,在網頁上扮演著零件的角色,需搭配CSS,JavaScript做使用

1.建設HTML環境:
開頭需加入!doctype html加入的目的有二:
1.對檔案進行有效性驗證。它告訴用戶代理和校驗器這個檔案是按照什麼 DTDs 寫的。這個動作是被動的，每次頁面加載時，瀏覽器並不會下載 DTDs 並檢查合法性，只有當手動校驗頁面時才啟用。
2.決定瀏覽器的呈現模式。網頁通常有兩種版本：網景（Netscape）的 Navigator 以及微軟（Microsoft）的 Internet Explorer。在 W3C 創立網路標準後，為了不破壞當時既有的網站，瀏覽器不能直接起用這些標準。因此，瀏覽器導入了能分辨符合新規範、或屬於老舊網站的兩種模式。
2.HTML內容:
HTML 包含了一系列的元素（elements），而元素包含了標籤（tags）與內容（content），我們用標籤來控制內容的呈現樣貌，例如字體大小、斜體粗體、在文字或圖片設置超連結等。
HTML組成
1.起始標籤 （The opening tag）：先打一個<>，裡面再放入元素名稱，如,。起始標籤代表這個元素從這裡開始,如程式碼中的<h1>。
2.結束標籤 （The closing tag）： 與起始標籤一樣，只是在元素名稱前面多了個斜線「/」。內容的最後加上結束標籤，代表這個元素的結尾,如程式碼中的</h1>。
3.內容（The content）： 內容就是任何你想加入的文字,如程式碼中的Hello World!。
4.元素（The element）： 由起始標籤、結束標籤、內容所組成。

   <h1>Hello World!</h1>

3.HTML屬性:
屬性能提供更多的資訊（當然，這個資訊是幫助我們更有效及方便編輯，不會呈現在網頁上），屬性包含了屬性名稱與值，你可以利用屬性設定這個元素的色彩、對齊方式、圖表的格線等等。
屬性的組成包含：
在元素名稱和屬性之間有一個空格（如果有多個屬性，屬性之間也需要有空格）
屬性名稱後面接著等於符號「=」
屬性包在起始標籤裡面，如範例所示:

<h1 class="h1">Hello World!</h1>

且記
一個標籤裡面不能有兩個同樣的屬性,如:

<h1 class="h1" class="h2">Hello World!</h1>

ID只能用一次,不能有兩個相同的ID

<h1 id="h1">123</h1>
<h2 id="h1">123</h2>