HTML 表格

在 HTML 中,一個非常常見的任務是構建表格資料,它有一系列元素和屬性專門用於此目的。結合一些用於樣式化的CSS,HTML 使得在 Web 上輕鬆顯示資訊表格變得非常容易,例如你的學校課程計劃、當地游泳池的時間表,或者你最喜歡的恐龍或足球隊的統計資料。本模組將引導你瞭解使用 HTML 構建表格資料所需的所有知識。

先決條件

在開始本模組之前,你應該已經掌握了 HTML 的基礎知識 — 請參閱HTML 簡介

注意:如果你正在使用一臺無法建立自己檔案的計算機/平板電腦/其他裝置,你可以嘗試在線上編碼程式(例如JSBinGlitch)中執行(大部分)程式碼示例。

指南

本模組包含以下文章,它們將引導你瞭解在 HTML 中建立表格的所有基礎知識。

HTML 表格基礎

本文將引導你開始使用 HTML 表格,涵蓋非常基礎的內容,例如行和單元格、標題、使單元格跨越多列和多行,以及如何將一列中的所有單元格組合在一起以進行樣式化。

HTML 表格高階功能和可訪問性

本文介紹了 HTML 表格的一些更高階的功能 — 例如標題/摘要以及將你的行分組到表格頭、主體和腳註部分 — 以及瞭解表格對視障使用者的可訪問性。

評估

以下評估將測試你對上述指南中介紹的 HTML 表格技術的理解。

構建行星資料

在我們的表格評估中,我們提供了一些關於我們太陽系中行星的資料,並讓你將其構建成一個 HTML 表格。