HTML表格的基本結構

表格由 <table> 标簽來定義。每個表格均有若幹行（由 <tr> 标簽定義），每行被分割為若幹單元格（由 <td> 标簽定義）。字母 td 指表格資料（table data），即資料單元格的内容。資料單元格可以包含文本、圖檔、清單、段落、表單、水準線、表格等等。

在浏覽器顯示如下：

row 1, cell 1

row 1, cell 2

row 2, cell 1

row 2, cell 2

如果不定義邊框屬性，表格将不顯示邊框。有時這很有用，但是大多數時候，我們希望顯示邊框。

使用邊框屬性來顯示一個帶有邊框的表格：

表格的表頭使用 <th> 标簽進行定義。

大多數浏覽器會把表頭顯示為粗體居中的文本：

heading

another heading

在一些浏覽器中，沒有内容的表格單元顯示得不太好。如果某個單元格是空的（沒有内容），浏覽器可能無法顯示出這個單元格的邊框。

浏覽器可能會這樣顯示：

注意：這個空的單元格的邊框沒有被顯示出來。為了避免這種情況，在空單元格中添加一個空格占位符，就可以将邊框顯示出來。

在浏覽器中顯示如下：

<dl>

<dt>沒有邊框的表格</dt>

<dd>本例示範一個沒有邊框的表格。</dd>

<dt>表格中的表頭(heading)</dt>

<dd>本例示範如何顯示表格表頭。</dd>

<dd>本例展示如何使用 "&nbsp;" 處理沒有内容的單元格。</dd>

<dt>帶有标題的表格</dt>

<dd>本例示範一個帶标題 (caption) 的表格</dd>

<dt>跨行或跨列的表格單元格</dt>

<dd>本例示範如何定義跨行或跨列的表格單元格。</dd>

<dt>表格内的标簽</dt>

<dd>本例示範如何顯示在不同的元素内顯示元素。</dd>

<dt>單元格邊距(cell padding)</dt>

<dd>本例示範如何使用 cell padding 來建立單元格内容與其邊框之間的空白。</dd>

<dt>單元格間距(cell spacing)</dt>

<dd>本例示範如何使用 cell spacing 增加單元格之間的距離。</dd>

<dt>向表格添加背景顔色或背景圖像</dt>

<dd>本例示範如何向表格添加背景。</dd>

<dt>向表格單元添加背景顔色或者背景圖像</dt>

<dd>本例示範如何向一個或者更多表格單元添加背景。</dd>

<dt>在表格單元中排列内容</dt>

<dd>本例示範如何使用 "align" 屬性排列單元格内容,以便建立一個美觀的表格。</dd>

<dt>架構(frame)屬性</dt>

<dd>本例示範如何使用 "frame" 屬性來控制圍繞表格的邊框。</dd>

</dl>

表格

描述

<table>

定義表格

定義表格标題。

<th>

定義表格的表頭。

<tr>

定義表格的行。

<td>

定義表格單元。

<thead>

定義表格的頁眉。

<tbody>

定義表格的主體。

<tfoot>

定義表格的頁腳。

<col>

定義用于表格列的屬性。

定義表格列的組。