Hi i,m JinXiang

---

? 前言 ?

本篇文章主要介紹HTML中表格的語法及詳細使用以及部分理論知識

---

🍉歡迎點贊 👍 收藏 ?留言評論 📝私信必回喲😁

🍉博主收將持續更新學習記錄獲，友友們有任何問題可以在評論區留言?

---

目錄

?什么是表格？

?表格的作用：

?表格的使用：

1、表格的語法

2、 結果展示：

3、表格的樣式

?使用表格時的注意事項：

---

?什么是表格？

表格是一種用行和列組織和展示數據的方式。它通常用于呈現數字或文字數據，例如價格表、時間表、成績單、產品列表等。表格通常由水平的行和垂直的列構成，其中每個交叉點稱為單元格。表格可以使用各種格式和樣式進行美化和自定義，使其更易于理解和閱讀。

?表格的作用：

表格可以擔任以下作用：

1. 數據呈現：表格是呈現大量數據的有效方式，可以更清楚地展示復雜數據的變化和關系。

2. 信息組織：表格可以使數據更加有條理和易于理解。通過使用表格，可以快速掃描數據并找到所需信息。

3. 簡化計算：表格可以自動進行簡單或復雜的計算，比手動計算更快且更準確，能夠節省時間和減少錯誤。

4. 數據比較：通過將不同數據置于同一張表格中，可以更容易地進行比較和分析。

5. 決策支持：表格可以為決策提供支持，因為它可以清晰地呈現數據，幫助做出更明智的決策。

綜上所述，表格是一種非常有用的工具，可以幫助人們更好地理解和處理信息。

?表格的使用：

1、表格的語法

<table border="5" style="text-align: center"><tr><td>課程編號</td><td>課程名稱</td></tr><tr><td>1</td><td>Java</td></tr><tr><td>2</td><td>Python</td></tr></table>

2、 結果展示：

3、表格的樣式

• 水平左對齊：style="text-align: left"
• 水平居中：style="text-align: center"
• 水平右對齊：style="text-align: right"?
• 垂直頂端：style="vertical-align: top"
• 垂直居中：style="vertical-align: middle"?
• 垂直底部：style="vertical-align: bottom"
• 垂直基線：style="vertical-align: baseline"? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??
• 合并單元格：rowspan(行與行合并) colspan(列與列合并)
• 行合并：<td rowspan="值">數據</td>
• 列合并：<td colspan="值">數據</td>

?使用表格時的注意事項：

1、使用語義化的標簽：在HTML中使用表格時，應該使用`<table>`、`<thead>`、`<tbody>`、`<tfoot>`、`<tr>`、`<th>`和`<td>`等語義化標簽，這樣可以使代碼更具可讀性，同時也有助于屏幕閱讀器等輔助技術的正確解析。

2、避免使用表格布局：表格經常被用來進行網頁布局，但是這種方式已經過時了。現代網頁布局使用CSS的彈性布局、網格布局等方法。表格僅應用于顯示表格數據，而不是用于布局。

3、避免使用空單元格：如果一個單元格沒有內容，應該使用`&nbsp;`來填充，而不要使用空單元格，因為空單元格可能會導致可訪問性問題。

4、使用表頭標簽：對于每個表格，應該使用`<th>`標簽來定義表頭。這樣可以使屏幕閱讀器和搜索引擎更好地理解表格的結構。

5、使用CSS來樣式化表格：應該使用CSS來為表格添加樣式，而不要直接在HTML中使用樣式。這樣可以使代碼更加簡潔，也有助于維護和修改。

總結不易，希望uu們不要吝嗇親愛的👍喲(＾Ｕ＾)ノ~ＹＯ！！如有問題，歡迎評論區批評指正😁