<!DOCTYPE HTML> <html> <head>...</head> <body>...</body> </html>
解釋一下上面的代碼：
1.首先，<!DOCTYPE HTML>是HTML文檔聲明，必須寫在HTML文檔的第一行，位於<html>標簽之前，表明該文檔是HTML5文檔。
2.<html></html> 稱為HTML根標簽，所有的網頁標簽都在<html></html>中。
3.<head></head> 標簽用於定義文檔的頭部，它是所有頭部元素的容器。常見的頭部元素有<title>、<script>、<style>、<link>和<meta>等標簽。
4.在<body>和</body>標簽之間的內容是網頁的主要內容，如<h1>、<p>、<a>、<img>等網頁內容標簽，在<body>標簽中的內容（圖中淡綠色部分內容）最終會在瀏覽器中顯示出來。
HTML文檔包含了HTML標簽及文本內容，不同的標簽在瀏覽器上會顯示出不同的效果，所以我們需要記住最常見的標簽的特性。
<html>：開始標簽 ; </html>：閉合標簽，閉合標簽和開始標簽不同，在於前面多了/
html中的標簽都是 閉合標簽,
<!-- 聲明HTML文檔的類型,標記該文檔為HTML5的文件--> <!DOCTYPE html> <!-- 頁面根節點開始--> <!-- html中的標簽都是 閉合標簽 閉合標簽包含 雙閉合和單閉合 雙閉合有:<html></html> 單閉合有:<meta> 或者這樣寫<meta/>也可以 --> <html></html> <!-- 頁面根節點結束-->
閉合標簽包含 雙閉合和單閉合
雙閉合有:<html></html> 就是有開頭，有結尾
單閉合有:<meta> 或者這樣寫<meta/>也可以 ，只有一個標簽就是單閉合標簽
編寫HTML，記得縮進，不然看起來很亂
<!-- 聲明HTML文檔的類型,標記該文檔為HTML5的文件--> <!DOCTYPE html> <!-- 頁面根節點開始--> <!-- html中的標簽都是 閉合標簽 閉合標簽包含 雙閉合和單閉合 雙閉合有:<html></html> 單閉合有:<meta> 或者這樣寫<meta/>也可以 --> <html> <!-- 頁面字節點開始區域--> <head> <!-- 包含頭部信息 是一個容器 包含 style title meta script link等標簽--> </head> <body> <!-- 包含瀏覽器顯示的內容標簽div p a img input等標簽 --> 這是我們的文檔 </body> <!-- 頁面字節點結束區域--> </html> <!-- 頁面根節點結束-->
上面的代碼用瀏覽器打開出現亂碼，讓瀏覽器顯示中文
在<head>里面加上<meta>標簽 ，<meta>聲明頭部的元信息，<meta>是單閉合標簽， 可以<meta/>這樣寫
規定編碼格式為utf-8
<!-- 聲明HTML文檔的類型,標記該文檔為HTML5的文件--> <!DOCTYPE html> <!-- 頁面根節點開始--> <!-- html中的標簽都是 閉合標簽 閉合標簽包含 雙閉合和單閉合 雙閉合有:<html></html> 單閉合有:<meta> 或者這樣寫<meta/>也可以 --> <html> <!-- 頁面字節點開始區域--> <head> <!-- 聲明頭部的元信息，對我們HTML文檔 規定編碼格式--> <meta charset="utf-8"> <!-- 包含頭部信息 是一個容器 包含 style title meta script link等標簽--> </head> <body> <!-- 包含瀏覽器顯示的內容標簽div p a img input等標簽 --> 這是我們的文檔 </body> <!-- 頁面字節點結束區域--> </html> <!-- 頁面根節點結束-->
