你問我為什麼都沒更新?為了維持身心靈健康，回家後扣掉吃飯與耍廢，基本上只剩一小時，一小時要學習?要寫文章?再這樣下去，陣亡列車可能要提早發車惹(不要啊~)會不會是時間安排與學習方式有問題……
問題整理
<label> 的作用是什麼？如何正確與表單元素配合使用？value 和 placeholder 的主要區別是什麼？<fieldset> 和 <legend> 的用途是什麼？如何使表單結構更具可讀性？<hr> 和 <br> 的功能區別是什麼？什麼情況下應該使用它們？- 如何正確使用
<select> 和 <option> 建立下拉選單？能否包含多選功能？
- 如何使用
border-collapse 屬性改善表格的顯示效果？
- CSS 的類別選擇器與 ID 選擇器有什麼區別？什麼情況下應該使用類別？
- 如何設定表格內部的標題列與資料列顏色不同？
- 如何使用 CSS 為
<table> 設定背景圖片而不影響內部內容的可讀性？
- 在合併儲存格時，如何避免內容顯示錯位或破壞表格的結構？
- 如何使用
<colspan> 與 <rowspan> 合併儲存格？什麼時候應該使用這些屬性？
- 合併儲存格後，表格中的哪些儲存格需要移除以保持結構完整？
- 如何為表格加入圖像？在儲存格內加入圖片需要注意哪些排版問題？
- 如何正確設定表格的邊框樣式，並保持跨瀏覽器一致性？
- 當表格內容過多或過長時，如何使用 CSS 或 HTML 讓內容自動換行？
- 在建立基本表單時，如何確保使用者填寫的內容能正確提交？
- 在複雜表格中加入樣式（如背景色、邊框色）時，如何確保內容仍然清晰可讀？
- 如何設計一個簡單的網頁表單，使其兼容桌面與移動端？
- 在表單中加入多個
<fieldset>，如何利用 CSS 強調不同組的區別？
- 如果想要在表格內同時顯示文字與圖片，如何進行結構與樣式設計？
基本標籤
| 標籤 | 功能說明 | 範例 |
|---|
<type id> | 定義輸入框的類型與唯一識別碼 | <input type="text" id="username"> |
<label for> | 用於描述表單元素，for屬性指向元素的id | <label for="username">Username:</label> |
<select> | 建立下拉選單 | <select name="options"><option>選項1</option></select> |
<option> | 下拉選單中的選項 | <option value="1">選項1</option> |
<hr> | 插入水平分隔線 | <hr> |
<br> | 插入換行符 | <br> |
<form> | 表單容器 | <form action="/submit" method="post"></form> |
<fieldset> | 群組表單內容，視覺上通常有邊框 | <fieldset><legend>登入資訊</legend></fieldset> |
<legend> | 描述<fieldset>的標題 | <legend>登入資訊</legend> |
屬性比較
| 屬性名 | 用途說明 | 範例 |
|---|
value | 預設值，會顯示在輸入框內並提交 | <input type="text" value="預設值"> |
placeholder | 輸入框的提示文字，用於指導使用者 | <input type="text" placeholder="輸入姓名"> |
基本表格標籤
| 標籤 | 功能說明 | 範例 |
|---|
<table> | 定義表格容器，用於建立表格 | <table></table> |
<tr> | 表格列，包含標題或數據儲存格 | <tr></tr> |
<th> | 表格的標題儲存格，預設字體加粗並置中 | <th>標題</th> |
<td> | 表格的數據儲存格 | <td>內容</td> |
colspan | 合併多個欄位 | <th colspan="2">合併欄位</th> |
rowspan | 合併多個列 | <td rowspan="2">合併列</td> |