blob: 0e282b2a683cb56cdf71cb6cc1edc125756e6c55 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
|
---
title: HTML 表格
slug: Learn/HTML/Tables
translation_of: Learn/HTML/Tables
---
<div>{{LearnSidebar}}</div>
<p class="summary">HTML 的常見任務就是建構表格資料,某些元素與屬性正是為此目的而生。HTML 以及用於樣式化的 <a href="/zh-TW/docs/Learn/CSS">CSS</a> 能方便顯示諸如讀書計劃、附近游泳池的開放時間、分析最喜歡的恐龍或足球隊……之類的表格資訊。本模塊將帶你認識建構 HTML 表格資料所需的一切。</p>
<h2 id="先決條件">先決條件</h2>
<p>開始本模塊之前,你要理解基本的 HTML:請參見 <a href="/zh-TW/docs/Learn/HTML/Introduction_to_HTML">HTML 介紹</a>。</p>
<div class="note">
<p><strong>注意</strong>:如果你用的電腦或平板之類的設備,無法允許建立自己的檔案,你可以把大部分的例子放在線上程式網站,例如 <a href="http://jsbin.com/">JSBin</a> 或 <a href="https://thimble.mozilla.org/">Thimble</a>。</p>
</div>
<h2 id="教學">教學</h2>
<p>本模塊包含以下文章:</p>
<dl>
<dt><a href="/zh-TW/docs/Learn/HTML/Tables/Basics">HTML 表格基礎</a></dt>
<dd>這篇文章將介紹 HTML 表格,包含像是行列、標題、製作單元格、跨多行與列等基礎知識,還有如何把他們組合在一起,以方便樣式化。</dd>
<dt><a href="/zh-TW/docs/Learn/HTML/Tables/Advanced">HTML 表格進階與無障礙</a></dt>
<dd>本模塊的第二篇文章將介紹一些 HTML 表格的進階功能:例如說明、摘要、將行分成標頭、身體、還有註腳三大部分。另外,我們也會探討針對視障人士的表格無障礙。</dd>
</dl>
<h2 id="評估">評估</h2>
<dl>
<dt><a href="/zh-TW/docs/Learn/HTML/Tables/Structuring_planet_data">建構行星數據</a></dt>
<dd>在我們的表格評估中,我們將提供太陽系中行星的一些數據,並讓你把他們構建到 HTML 表格中。</dd>
</dl>
|