HTML 表格

HTML 表格實(shí)例:

在線(xiàn)實(shí)例

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

（可以在本頁(yè)底端找到更多實(shí)例。）

HTML 表格

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

表格實(shí)例

在瀏覽器顯示如下：:

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

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

使用邊框?qū)傩詠?lái)顯示一個(gè)帶有邊框的表格：

<table border="1">
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
</tr>
</table>

---

HTML 表格表頭

表格的表頭使用 標(biāo)簽進(jìn)行定義。

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

在瀏覽器顯示如下：

更多實(shí)例

沒(méi)有邊框的表格
本例演示一個(gè)沒(méi)有邊框的表格。

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

帶有標(biāo)題的表格
本例演示一個(gè)帶標(biāo)題 (caption) 的表格

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

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

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

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

HTML 表格標(biāo)簽