HTML 表格

HTML 的常見任務就是建構表格資料,某些元素與屬性正是為此目的而生。HTML 以及用於樣式化的 CSS 能方便顯示諸如讀書計劃、附近游泳池的開放時間、分析最喜歡的恐龍或足球隊……之類的表格資訊。本模塊將帶你認識建構 HTML 表格資料所需的一切。

先決條件

開始本模塊之前,你要理解基本的 HTML:請參見 HTML 介紹

備註:如果你用的電腦或平板之類的設備,無法允許建立自己的檔案,你可以把大部分的例子放在線上程式網站,例如 JSBinGlitch

教學

本模塊包含以下文章:

HTML 表格基礎

這篇文章將介紹 HTML 表格,包含像是行列、標題、製作單元格、跨多行與列等基礎知識,還有如何把他們組合在一起,以方便樣式化。

HTML 表格進階與無障礙

本模塊的第二篇文章將介紹一些 HTML 表格的進階功能:例如說明、摘要、將行分成標頭、身體、還有註腳三大部分。另外,我們也會探討針對視障人士的表格無障礙。

評估

建構行星數據

在我們的表格評估中,我們將提供太陽系中行星的一些數據,並讓你把他們構建到 HTML 表格中。