一.HTML的基本構成
1.<!DOCTYPE html>文檔類型聲明
<!--HTML的文檔類型聲明。聲明這個文件是HTML5文件，讓瀏覽器按照HTML5准備進行解析顯示。文檔類型聲明在HTML文件中，必須要有，而且必須寫在文件最上方。如果不寫文檔類型聲明，瀏覽器會默認按照兼容模式運行，可能會出現不明bug。-->
<!--注釋：文檔類型聲明是寫給程序員看的，網頁中不會顯示。
html中的注釋快捷鍵：Ctrl+/ -->
2.<head></head>部分
head作用：
用於描述網頁的一些關鍵信息。比如網頁的配置，設置，關鍵字等等……這些信息，大多在瀏覽器看不到，但是對網頁的解析至關重要！
（1） meta標簽，用於描述網頁的各種信息
其中<mete chaset="utf-8"/> 設置網頁的編碼格式為UTF-8。
【設置網頁的字符集編碼格式：】
GB2312：簡體中文的編碼格式。
GBK：擴展的國標碼。比國標碼多了更多的編碼格式。
utf-8：萬國碼。可以兼容絕大多數國家的語言。
[了解]：
HTML4.01之前，聲明字符集編碼的格式：
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
代碼示例：
<meta charset="utf-8" />
（2）設置網頁的關鍵字，有助於搜索引擎的搜索。
name="keywords"表示這個mete標簽設置的是網頁的關鍵字；
content=""表示關鍵字的詳細信息，多個關鍵字，用英文逗號分隔；
代碼示例：
<meta name="keywords" content="H5網頁開發"/>
（3）設置網頁的描述信息，搜索引擎搜索時，標題下面的一段文字！非常重要！
name="description"表示這個mete標簽設置的是網頁的描述信息；
contet=""表示描述信息的詳細內容！！！
代碼示例：
<meta name="description" content="這是我在傑瑞教育開發的第一個網頁！"
<!--title:網頁的標題，顯示在瀏覽器選項卡上面的文字-->
代碼示例：
<title>這是我的第一個網頁！！</title>
<link>標簽link鏈接網頁的小圖標：網頁選項卡上的小圖片
①rel="icon"表示當前link的作用，是鏈接網頁圖標；
②href=""表示圖片地址
<link/>自閉合標簽，也叫空標簽。
代碼示例：
<link rel="icon" href="img/QQ.jpg" />