HTML 表格

表格其實就是很多的小單元格，而這些小單元格很有次序的排列著，它們有很多行，很多列。這些由行列組成的布局，就叫表格，表格是 table 標簽來定義的。

HTML 表格示例:

在線示例

HTML表格
這個示例演示如何在 HTML 文檔中創(chuàng)建表格。

<table border="1" width="300">
<tr>
<td>11</td>
<td>12</td>
<td>13</td>
</tr>
<tr>
<td>21</td>
<td>22</td>
<td>23</td>
</tr>
<tr>
<td>31</td>
<td>32</td>
<td>33</td>
</tr>
</table>

HTML 表格

表格由 <table> 標簽來定義。每個表格均有若干行（由 <tr> 標簽定義），每行被分割為若干單元格（由 <td> 標簽定義）。字母 td 指表格數(shù)據(jù)（table data），即數(shù)據(jù)單元格的內(nèi)容。數(shù)據(jù)單元格可以包含文本、圖片、列表、段落、表單、水平線、表格等等。

表格示例

<table border="1">
    <tr>
        <td>行 1, 列 1</td>
        <td>行 1, 列 2</td>
    </tr>
    <tr>
        <td>行 2, 列 1</td>
        <td>行 2, 列 2</td>
    </tr>
</table>

在瀏覽器顯示如下：:

HTML 表格和邊框?qū)傩?/h2>

如果不定義邊框?qū)傩?，表格將不顯示邊框。有時這很有用，但是大多數(shù)時候，我們希望顯示邊框。

使用邊框?qū)傩詠盹@示一個帶有邊框的表格：

示例

<table border="1">
    <tr>
        <td>行 1, 列 1</td>
        <td>行 1, 列 2</td>
    </tr>
</table>

測試看看 ?/?

HTML 表格表頭

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

大多數(shù)瀏覽器會把表頭顯示為粗體居中的文本：

<table border="1">
    <tr>
        <th>表頭一</th>
        <th>表頭二</th>
    </tr>
    <tr>
        <td>行 1, 列 1</td>
        <td>行 1, 列 2</td>
    </tr>
    <tr>
        <td>行 2, 列 1</td>
        <td>行 2, 列 2</td>
    </tr>
</table>

在瀏覽器顯示如下：

更多示例

沒有邊框的表格
本示例演示一個沒有邊框的表格。

表格中的表頭(Heading)
本例演示如何顯示表格表頭。

帶有標題的表格
本示例演示一個帶標題 (caption) 的表格

跨行或跨列的表格單元格
本示例演示如何定義跨行或跨列的表格單元格。

表格內(nèi)的標簽
本示例演示如何顯示在不同的元素內(nèi)顯示元素。

單元格邊距(Cell padding)
本示例演示如何使用 Cell padding 來創(chuàng)建單元格內(nèi)容與其邊框之間的空白。

單元格間距(Cell spacing)
本示例演示如何使用 Cell spacing 增加單元格之間的距離。

HTML 表格標簽