一、HTML5文檔結構
<!DOCTYPE html> 文檔類型聲明
<html> 表明HTML文檔開始 <html lang="zh-TW"> 設置文檔是什麼語言
<head> HTML文檔元素開始
<meta charset="UTF-8"> 聲明編碼（網頁才不會形成亂碼）
<title>基本格式</title> 頁面標籤（瀏覽器左上角顯示的名稱）
</head> HTML文檔元素結束
<body> 表示HTML主體內容開始
<a href="http://www.google.com.tw">google</a> 超連結元素
</body> HTML主體內容結束
</html> 表明HTML文檔結束
二、結構分析：
1.Doctype
文檔類型聲明（Document Type Declaration），告訴瀏覽器所看的文件類型。
<!DOCTYPE html> （不區分大小寫）
2.html元素
元素就是標籤的意思，html元素即html標籤，html元素是文檔開始和結尾的元素，它是一個雙標籤，頭尾呼應，包含內容。這個元素有一個屬性和值：lang="zh-TW"，表示文檔採用繁體中文。
<html lang="zh-TW"> （如果是英文則為en，簡體中文則為zh-cn）
3.hend元素
用來包含元素數據的內容，元素數據包含：<link>、<meta>、<noscript>、<script>、<style>、<title>。這些內容用來提供瀏覽器訊息，比如link提供css訊息，script提供JavaScript訊息，title提供頁面標籤等等。
<head>.......</head>（這些訊息在網頁裡是不會顯示的）
4.meta元素
這個元素用來提供關於文檔的訊息，結構有一個屬性值為：charset="utf-8"，是用來告訴瀏覽器，頁面採用的是哪一種編碼，正常我們使用的是utf-8編碼，文件保存時也是utf-8，瀏覽器也設置utf-8就可以正確的顯示中文。
<mata charset="utf-8>（除了設置編碼，還有別的功能可以設置）
5.title元素
這個元素是用來設置瀏覽器左上方顯示的標籤。
<title>基本格式</title>
6.body元素
用來包含文檔內容的元素，也就是瀏覽器頁面可見區域，所有可見的內容都會在這個元素的內做添加。
<body>......</body>
7.a元素
超連結的元素。
<a href="http://www.google.com.tw">google</a>
三、元素標籤探討
HTML5是一種標記語言，我們在剖析一下這些"標記"或者"標籤"，經常稱作為"元素"的東西是怎麼構成的。
1.元素標籤
元素就是一組告訴瀏覽器如何處理內容的標籤，每個元素都有一個關鍵字，比如<body>、<title>、<meta>都是元素，不同的標籤名稱代表不同的意義，還會涉及到段落標籤、文本標籤、鏈結標籤、圖片標籤等等。
元素分為兩種，單標籤（空元素）和雙標籤，單標籤一般用於聲明或者插入某些元素，例如聲明字符編碼就用<meta>，插入圖片就用<img>，雙標籤一般用於設置一段區域的內容，例如段落元素<p>......<p>。
2.屬性和值
元素除了有單雙之分，元素的內部還可以設置屬性和值，這些屬性值用來改變元素某些方面的行為，比如超鏈結，<a>中的helf屬性，裡面替換網址即可以鏈結到不同的網站，當然一個元素裡面可以設置多個屬性，甚至自定義屬性。
<!DOCTYPE html> 文檔類型聲明
<html> 表明HTML文檔開始 <html lang="zh-TW"> 設置文檔是什麼語言
<head> HTML文檔元素開始
<meta charset="UTF-8"> 聲明編碼（網頁才不會形成亂碼）
<title>基本格式</title> 頁面標籤（瀏覽器左上角顯示的名稱）
</head> HTML文檔元素結束
<body> 表示HTML主體內容開始
<a href="http://www.google.com.tw">google</a> 超連結元素
</body> HTML主體內容結束
</html> 表明HTML文檔結束
二、結構分析：
1.Doctype
文檔類型聲明（Document Type Declaration），告訴瀏覽器所看的文件類型。
<!DOCTYPE html> （不區分大小寫）
2.html元素
元素就是標籤的意思，html元素即html標籤，html元素是文檔開始和結尾的元素，它是一個雙標籤，頭尾呼應，包含內容。這個元素有一個屬性和值：lang="zh-TW"，表示文檔採用繁體中文。
<html lang="zh-TW"> （如果是英文則為en，簡體中文則為zh-cn）
3.hend元素
用來包含元素數據的內容，元素數據包含：<link>、<meta>、<noscript>、<script>、<style>、<title>。這些內容用來提供瀏覽器訊息，比如link提供css訊息，script提供JavaScript訊息，title提供頁面標籤等等。
<head>.......</head>（這些訊息在網頁裡是不會顯示的）
4.meta元素
這個元素用來提供關於文檔的訊息，結構有一個屬性值為：charset="utf-8"，是用來告訴瀏覽器，頁面採用的是哪一種編碼，正常我們使用的是utf-8編碼，文件保存時也是utf-8，瀏覽器也設置utf-8就可以正確的顯示中文。
<mata charset="utf-8>（除了設置編碼，還有別的功能可以設置）
5.title元素
這個元素是用來設置瀏覽器左上方顯示的標籤。
<title>基本格式</title>
6.body元素
用來包含文檔內容的元素，也就是瀏覽器頁面可見區域，所有可見的內容都會在這個元素的內做添加。
<body>......</body>
7.a元素
超連結的元素。
<a href="http://www.google.com.tw">google</a>
三、元素標籤探討
HTML5是一種標記語言，我們在剖析一下這些"標記"或者"標籤"，經常稱作為"元素"的東西是怎麼構成的。
1.元素標籤
元素就是一組告訴瀏覽器如何處理內容的標籤，每個元素都有一個關鍵字，比如<body>、<title>、<meta>都是元素，不同的標籤名稱代表不同的意義，還會涉及到段落標籤、文本標籤、鏈結標籤、圖片標籤等等。
元素分為兩種，單標籤（空元素）和雙標籤，單標籤一般用於聲明或者插入某些元素，例如聲明字符編碼就用<meta>，插入圖片就用<img>，雙標籤一般用於設置一段區域的內容，例如段落元素<p>......<p>。
2.屬性和值
元素除了有單雙之分，元素的內部還可以設置屬性和值，這些屬性值用來改變元素某些方面的行為，比如超鏈結，<a>中的helf屬性，裡面替換網址即可以鏈結到不同的網站，當然一個元素裡面可以設置多個屬性，甚至自定義屬性。
