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;
}