HTML 基礎標籤介紹:

在 HTML 中，有一些基礎標籤是建立網頁時必須熟悉的核心工具。圖片（Image） 使用 img 標籤插入，搭配 src 指定圖片來源，alt 作為替代文字，能在圖片無法顯示時提供說明，也有助於提升網頁的可讀性與搜尋引擎優化。其次，清單（List） 提供兩種常見形式：無序清單 ul，項目前會以圓點呈現；有序清單 ol，則會以數字排序。兩者都透過 li 來代表每個項目，適合用來組織條列資訊。接著是 表格（Table），由 table 建立整體框架，透過 tr 建立列，td 放置儲存格內容，而 th 則用於表頭，讓資料顯示更有結構。最後是 表單（Form），它是與使用者互動的關鍵，能利用 input 接收文字或選項，textarea 收集多行文字輸入，button 負責提交資料。透過這些標籤的結合，網頁不僅能呈現靜態內容，還能具備互動性，形成完整且實用的資訊展示介面。

圖片（Image）：img src="路徑" alt="描述"，用來插入圖片。

<img src="圖片路徑" alt="圖片描述">

清單（List）：ul 建立無序清單（項目前有圓點），ol 則是有序清單（項目前有數字），裡面使用 li 代表每個項目。

<ul>
  <li>蘋果</li>
  <li>香蕉</li>
</ul>

<ol>
  <li>第一步</li>
  <li>第二步</li>
</ol>

表格（Table）：由 table、tr（列）、td（儲存格）、th（表頭）組成。

<table border="1">
  <tr>
    <th>姓名</th>
    <th>年齡</th>
  </tr>
  <tr>
    <td>小明</td>
    <td>20</td>
  </tr>
</table>

表單（Form）：用 form 搭配 input、textarea、button 等標籤，收集使用者輸入。

<form>
  姓名：<input type="text" name="username"><br>
  留言：<textarea name="message"></textarea><br>
  <button type="submit">送出</button>
</form>