標籤：icon表徵圖 位置 des html標籤 圖片 16px span com 內容
一、什麼是HTML？
HTML是超文字標籤語言，即網頁的源碼。而瀏覽器就是翻譯解釋HTML源碼的工具。
二、HTML文檔的結構：
三、詳細注釋：
<!DOCTYPE html>
<!--↑ HTML的文件類型聲明：聲明這個檔案是HTML5檔案，讓瀏覽器按照HTML5的標準對代碼進行解釋執行。
文檔聲明在HTML檔案中，必須要有，而且必須寫在檔案最上方。
如果不寫文件類型聲明，瀏覽器會預設按照相容模式運行，可能會出現不明BUG。
-->
<!--注釋：寫給程式員看的，網頁中不會顯示。
html中的注釋快速鍵：Ctrl+/（快速注釋選中的文字）
Ctrl+Shift+/（添加註釋）-->
<html>
<head>
<!-- head 頭部 作用：
用於描述網頁的一些關鍵資訊。比如網頁的配置、設定、關鍵字等等。。。
這些資訊，大多在瀏覽器看不到，但是對網頁的解析至關重要！
-->
<meta charset="utf-8" />
<!-- meta標籤，用於描述網頁的各種資訊。
其中<meta charset="utf-8" /> 設定網頁的字元集編碼格式為UTF-8格式。
常見的中文編碼格式：
GB2312:國標碼，簡體中文的編碼格式；
GBK：擴充的國標碼，比國標碼多了更多的編碼格式，簡體中文；
UTF-8:萬國碼，可以相容絕大多數語言的編碼。常用！！！！
HTML4.01之前，聲明字元集編碼的格式：<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
-->
<meta name="keywords" content="傑瑞教育,HTML5,網頁開發" />
<!--
設定網頁的關鍵字，有助於搜尋引擎的搜尋。
name="keywords" 表示這個meta標籤用於設定網頁的關鍵字；
content="" 表示關鍵字的詳細資料，多個關鍵字之間用英文逗號分隔。
-->
<meta name="description" content="這是我在傑瑞教育開發的第一個網頁！" />
<!--
設定網頁的描述資訊（搜尋引擎搜尋時，標題下面的一段文字！非常重要！！！）：
name="description" 表示這個meta標籤用於設定網頁的描述資訊；
content="" 表示描述資訊的詳細內容。
-->
<title>這是我的第一個網頁</title>
<!--
title：網頁的標題，顯示在瀏覽器選項卡上面的文字！
-->
<link rel="icon" href="img/書.jpg"/>
<!--
連結網頁的小表徵圖： 網頁選項卡上的小圖片。
rel="icon" 表示串連的檔案，將作為網頁的icon表徵圖；
href="img/書.jpg" href表示表徵圖圖片所在的路徑位置。
-->
</head>
<body>
<!-- body中的內容會顯示在瀏覽器的展示地區。 -->
內容地區
</body>
</html>
【注】：所有的Html標籤必須是閉合標籤。可以是成對的，比如<title> </title>；也可以是自閉合標籤，比如：<img />; 也就是說/表示這一個或者一對標籤的閉合。
01-HTML的基本結構以及Header的部分
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
