HTML <table> Tag

一個簡單的HTML表格，包含兩列，兩行：

<table>
<tr>
    <th>Month</th>
    <th>Savings</th>
</tr>
<tr>
    <td>January</td>
    <td>$100</td>
</tr>
</table>

更多“試一試”的例子。

定義和用法

在<table>標籤定義HTML表格。

一個HTML表格包含的<table>元素和一個或多個<tr> <th>和<td>元素。

在<tr>元素定義了一個表行中， <th>元素定義表頭和<td>元素定義了一個表格單元格。

一個更複雜的HTML表格還可以包括<caption>, <col>, <colgroup>, <thead>, <tfoot>和<tbody>元素。

元件
<table>	是	是	是	是	是

在"align", "bgcolor", "cellpadding", "cellspacing", "frame", "rules", "summary"和"width"屬性在HTML5支持。

屬性	值	描述
align	left center right	在HTML5不支持。指定根據周圍的文本表的對準
bgcolor	rgb(x,x,x) #xxxxxx colorname	在HTML5不支持。指定背景顏色為表
border	1 0	指定是否被用於佈局目的表
cellpadding	pixels	在HTML5不支持。指定細胞壁和細胞內容之間的空間
cellspacing	pixels	在HTML5不支持。指定細胞之間的空間
frame	void above below hsides lhs rhs vsides box border	在HTML5不支持。參數限制了境外的部分，應該是可見的
rules	none groups rows cols all	在HTML5不支持。指定其邊界內的部分，應該是可見的
sortable	sortable	指定表應該是排序
summary	text	在HTML5不支持。指定一個表的內容的摘要
width	pixels %	在HTML5不支持。指定表的寬度

在<table>標籤支持全局的HTML屬性。

在<table>標籤支持的HTML事件屬性。

表頭
如何創建表頭。

表標題
一個HTML表的標題。

表中的標籤
如何顯示的其他元素的元素。

跨越多個行/列的單元
如何定義跨越多行或一列的表格單元。

大多數瀏覽器會顯示<table>與下面的默認值元素：

table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: gray;
}