什麼是 HTML?
HTML 是用來描述網頁的一種語言。
HTML 指的是超文字標記語言: HyperText Markup Language
HTML 不是一種程式語言，而是一種標記語言
標記語言是一套標記標籤 (markup tag)
HTML 使用標記標籤來描述網頁
HTML 文件包含了HTML 標籤及文字內容
HTML文件也叫做 web 頁面
學習HTML前要做的準備
雖然說HTML甚至可以用記事本來寫，但是還是推薦使用一個好的IDE
推薦一款我在用的IDE：
VS Code：https://code.visualstudio.com/
在這裡就先不做VS Code的安裝教程了，可以去B站搜一下，還是很全的https://www.bilibili.com/
推薦幾款VS Code的外掛：
Fitten Code: Faster and Better AI Assistant 一個好用的AI，可以猜測你想要寫的程式碼加以提示
開啟程式碼檔案，輸入一段程式碼，Fitten Code 就會為您自動補全程式碼
按下 Tab 鍵接受所有補全建議
按下 Ctrl+→ 鍵(mac系統為Command+→)接收單個詞補全建議
使用者可透過點選左上角工具欄中的Fitten Code – 開始對話或者使用快捷鍵Ctrl+Alt+C(mac系統為Control+Option+C)開啟對話視窗進行對話：
中文外掛，英語不好的同志的救星，含金量MAX
PS：輸入英文歎號，再點選回車，可以直接生成一段簡單的HTML模板
推薦幾個學習HTML的網站：
菜鳥教程：https://www.runoob.com/
AcWing：https://www.acwing.com/about/
接下來，開始我們的HTML學習之旅
HTML 元素語法
- HTML 元素以開始標籤起始
- HTML 元素以結束標籤終止
- 元素的內容是開始標籤與結束標籤之間的內容
- 某些 HTML 元素具有空內容（empty content）
- 空元素在開始標籤中進行關閉（以開始標籤的結束而結束）
- 大多數 HTML 元素可擁有屬性
- 宣告為 HTML5 文件
- 元素是 HTML 頁面的根元素
- <head> 元素包含了文件的元（meta）資料，如 <meta charset="utf-8"> 定義網頁編碼格式為 utf-8。
（中文亂碼：目前在大部分瀏覽器中，直接輸出中文會出現中文亂碼的情況，這時候我們就需要在頭部將字元宣告為 UTF-8 或 GBK。）
- <title> 元素描述了文件的標題
- <body> 元素包含了可見的頁面內容
-
元素定義一個大標題（數字可改變，h1最大，h6最小）
-
<p>元素定義一個段落 示例：段落
-
<a href="https://www.cnblogs.com/zydow">這是一個連結使用了 href 屬性. -
<img src="https://i.iter01.com/images/1b13b91b4a7d588e1378af7d55ae5b34f184610336660222d92d986100b9abff.png" width="800" height="450" /> -
HTML影像
示例：
-
<br>換行 -
<hr>水平線 -
<!-- 這是一個註釋 -->註釋
HTML 空元素
沒有內容的 HTML 元素被稱為空元素。空元素是在開始標籤中關閉的。
就是沒有關閉標籤的空元素（
標籤定義換行）。
在 XHTML、XML 以及未來版本的 HTML 中，所有元素都必須被關閉。
在開始標籤中新增斜槓，比如
，是關閉空元素的正確方法，HTML、XHTML 和 XML 都接受這種方式。
即使
在所有瀏覽器中都是有效的，但使用
其實是更長遠的保障。
HTML 屬性
屬性是 HTML 元素提供的附加資訊。
屬性總是以 name="value" 的形式寫在標籤內，name 是屬性的名稱，value 是屬性的值。
例如：<a href="https://www.cnblogs.com/zydow">這就是一個連結使用了 href 屬性.
屬性值應該始終被包括在引號內。
雙引號是最常用的，不過使用單引號也沒有問題。
PS：在某些個別的情況下，比如屬性值本身就含有雙引號，那麼您必須使用單引號
例如：name='zy "zydow" dow'
|屬性|描述|
|class|為html元素定義一個或多個類名（classname）(類名從樣式檔案引入)|
|id|定義元素的唯一ID|
|style|規定元素的行內樣式（inline style）|
|title|描述了元素的額外資訊 (作為工具條使用)|
文字格式化
<b>加粗文字</b><br><br>
<i>斜體文字</i><br><br>
<code>電腦自動輸出</code><br><br>
這是 <sub> 下標</sub> 和 <sup> 上標</sup>、
