※ 標題用標籤：
<h1>標題文字</h1>
<h2>標題文字</h2>
<h3>標題文字</h3>
<h4>標題文字</h4>
<h5>標題文字</h5>
<h6>標題文字</h6>
- <h1>標題文字</h1>：頁面主標題，也就是最大、最重要的標題。
- <h2>標題文字</h2>：用於主題之下的主要段落小標題。
- <h3>標題文字</h3>：用於 <h2> 下更細的子主題。
- <h4>標題文字</h4>：更細的子主題或內容分類標題。
- <h5>標題文字</h5>：很細微的區塊分隔，可用於輔助資訊。
- <h6>標題文字</h6>：少用，僅用於非常深層的分類。
※ 區塊用標籤：
<div></div>
說明：
- div就是division分割的意思。
- 任意切割比較大的區塊時會用到的標籤。
- <div> 是 HTML 裡的「無語意容器」，就像空盒子一樣，用來把內容分區塊、分組管理，方便你套用樣式、排版或寫互動功能，是做網頁布局時最常用的基本單位。
※ 文字段落用標籤（假文字）：
<p>文字訊息</p>
說明：
- p就是aragraphp段落的意思。
※ 產生英文假文字：
<p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dolorum nemo eum temporibus dolor sit aperiam aspernatur id optio magni nihil! </p>
說明：
在設計或開發網頁時，「Lorem」通常是指一種常見的假文，用來暫時填充內容區域，幫助你預覽排版效果。
使用 Visual Studio Code 或支援 Emmet 的編輯器，可以這樣用：
畫面顯示：
※ 標記用標籤：
※ 字體單純變粗（Bold）：
<b>Lorem ipsum dolor sit</b>
畫面顯示：
※ 字體加底線（Underline）：
<u>amet consectetur adipisicing</u>
畫面顯示：
※ 字體變斜體（Italic）：
<i>elit</i>
畫面顯示：
※ 文字換行（Break）：
<br>Dolorum nemo eum temporibus dolor
畫面顯示：
※ 插入水平線（Horizontal rule）：
<hr>aperiam
畫面顯示：
※ 小節標籤：
<span>若干文字</span>
說明：
針對「文字中的局部內容」進行樣式設定，常會用 <span> 包住 label、icon、數字等小元素，方便控制樣式或排版。
※ 超連結標籤 （anchor）：
<a href=""></a>
說明：
- <a>是 HTML 中的「anchor（錨點）」元素，常搭配 href 屬性使用，用來建立超連結，讓使用者點擊後可以跳轉到指定的網頁、檔案、區塊或其他資源位置。
- href就是hyper reference，超連結參照。
畫面顯示：
※ 讓連結在「新視窗或新分頁」中開啟，而不是取代目前的頁面：
target="_blank"
※ 圖片標籤 ：
使用相對路徑，從資料夾載入圖片：
<img src="./檸檬.jpg" alt="">
畫面顯示：
使用絕對路徑（ URL）載入圖片：
<img src="https://www.fubonguardians.com/UploadFolder/file/cheer/1bb611c9-6468-4b1b-848a-b051b863d092.png"
alt="">
畫面顯示：
alt的功能：
<img src="./檸檬.jp" alt="這是檸檬">
alt 是 HTML 裡 <img> 標籤的一個屬性，全名是 alternative text（替代文字），若圖片無法顯示，或使用輔助設備閱讀，就會出現「這是檸檬」這段文字。
※ 清單標籤 ：
Unorder list沒有排序的清單：
<ul>
<li>項目1</li>
<li>項目2</li>
<li>項目3</li>
</ul>
畫面顯示：
Order list 有排序的清單：
<ol>
<li>項目1</li>
<li>項目2</li>
<li>項目3</li>
</ol>
畫面顯示：
導覽列的按鈕結構基本樣式 ：
<ul>
<li>
<a href="">項目1</a>
</li>
<li>
<a href="">項目2</a>
</li>
<li>
<a href="">項目3</a>
</li>
</ul>
畫面顯示：
※ 表格結構 ：
<table>
<tr>
<th>標題1</th>
<th>標題2</th>
<th>標題3</th>
</tr>
<tr>
<td>內容1</td>
<td>內容2</td>
<td>內容3</td>
</tr>
<tr>
<td>內容4</td>
<td>內容5</td>
<td>內容6</td>
</tr>
</table>
說明：
- 在 HTML 裡，<th> 是用來建立**表格欄位標題（table header cell）**的元素，也就是表格中代表每一欄或每一列意義的那格資料。
- 在 HTML 裡，<tr> 是用來建立表格列（table row）的元素，也就是表格中的一橫列。
- 在 HTML 裡，<td> 是用來定義**表格儲存格（table data cell）**的標籤，它出現在 <tr>（表格列）裡，是每一列中的一格資料。
畫面顯示：
※ HTML5 新標籤 ：
表頭：
<header></header>
表尾 ：
<footer></footer>
區塊分割 ：
<section></section>
<article></article>
<aside></aside>
說明：
- Section（區塊段落）：代表網頁中的主題性區段，例如：新聞列表、網站簡介、服務項目。
- Article（獨立內容）：代表可獨立存在的內容單位，像是文章、部落格貼文、留言、論壇貼文。
- Aside（側邊欄或補充資訊）：用來呈現與主內容相關的補充資訊，像是側邊的推薦文章、作者介紹、廣告。
※ 多媒體 ：
<video src=""></video>
<audio src=""></audio>
說明：
- video：插入影片。
- audio：插入音訊。
※ 內嵌用標籤 ：
<iframe src="" frameborder="0"></iframe>
畫面顯示：
