一、HTML的簡單介紹及常用標籤的介紹
（一）、HTML 的簡單介紹
- 定義：HTML：HyperText Markup language（超文字標記語言），HTML 不是一門程式語言，而是標記語言。
- 作用：web 瀏覽器用 html 來顯示網頁
- 當前的標準：當前的 html 遵循 HTML5 標準
（二）、一個使用 HTML 做的簡單網頁
<html> <head> <title>Hello World Page!</title> </head> <body> <p>Hello World!</p> </body> </html>
讓我們仔細分析這個簡單的例子：
（1）html 標籤：所有的網頁的內容都放在 HTML 標籤裡，所有有效的網頁都包含這個標籤
<html>
網頁內容
</html>
這是一個開始標籤和一個結束標籤，他們成對出現。
（2）head 標籤：網頁的頭部資訊會被放在 head 標籤內
<head>
</head>
head 標籤也是成對出現
（3）title 標籤
<title>
</title>
給網頁設定了一個標題（每當我們開啟網頁時上邊框顯示的名字）
title 標籤也是成對出現
（4）body 標籤：裡面放的是網頁的正文，所有網頁上顯示的資訊都被放在 body 標籤中飯
<body>
</body>
body 標籤也是成對出現
（5） p 標籤：將文章的段落放在 p 標籤裡，當文字內容太長時，分段顯示在網頁上更容易讓人看清楚
<p>
</p>
p 標籤也是成對出現的
（三）、HTML標籤的分類
一般會分為兩大類：
- Metadata tags（元資料標籤）
- Sectioning tags （分段標籤）
（四）、元資料標籤（Metadata tags）
常見的元資料標籤（Metadata tags）一般有：
<html>
<head>
<title>
（1）html 標籤：包含其他所有的元素，告訴瀏覽器會使用HTML標準來顯示網頁
（2）head 標籤：包含網頁上的資訊，像title、scripts、CSS 這些都要放到 head 標籤內
（3）title 標籤：來顯示網頁的標題（瀏覽網頁時頂部顯示的），必須巢狀在 head 標籤裡
注意：所有的元資料標籤（Metadata tags）都要放到 html 標籤內
<html>
<head>
<title>
</title>
</head>
</html>
（五）、分段標籤（Sectioning tags）
常見的分段標籤一般有：
<body>
<h1>
<div>
<b>
<em>
（1）body 標籤：裡面放的是網頁上所有可見的內容，其他的分段標籤也都放在 body 裡
<body>
內容
</body>
（2）h1 標籤：h（section header）（段標題），h1 ~ h6 都是段標題，其中 h1 標籤顯示的是最大的，h2 顯示的標籤是最小的
<h1>內容</h1>
（3）div 標籤：可以給網頁排版，把網頁的一部分獨立出來
<div>
內容
</div>
（4）b 標籤：粗體標籤（bold tag）：裡面的內容會以粗體顯示，讓文字更容易被看到
<b>
內容
</b>
（5）em 標籤：強調標籤，裡面的內容會以斜體顯示
<em>
內容
</em>
注意：所有的 Sectioning tags （分段標籤）都應該放到 body 標籤中