HTML中表格table学习总结

表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 或者<th>标签定义），字母 td 指表格数据（table data），即数据单元格的内容，而标签th指表格表头（table head），即放置表项标题单元格的内容，单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。更复杂的 HTML 表格也可能包括 <caption>、<col>、<colgroup>、<thead>、<tfoot> 以及 <tbody> 元素，当然，这些就先不讲。

主要讲一下table、tr、th、td这几个在HTML4.01和HTML5中所支持的属性。

• 表格<table>：目前，在HTML5中仅支持border属性“，而且其属性值只允许使用"1"或者""。具体属性可以参照下表：

属性	值	描述
align	left、center、right	HTML5 不支持。HTML 4.01 已废弃。 规定表 格相对周围元素的对齐方式。
bgcolor	rgb(x,x,x)、#xxxxxx、colorname	HTML5 不支持。HTML 4.01 已废弃。 规定表格的背景颜色。
border	1、""	规定表格单元是否拥有边框。
cellpadding	pixels	HTML5 不支持。规定单元边沿与其内容之间的空白。
cellspacing	pixels	HTML5 不支持。规定单元格之间的空白。
frame	void、above、below、hsides、lhs、rhs、vsides、box、border	HTML5 不支持。规定外侧边框的哪个部分是可见的。
rules	none、groups、rows、cols、all	HTML5 不支持。规定内侧边框的哪个部分是可见的。
summary	text	HTML5 不支持。规定表格的摘要。
width	pixels、%	HTML5 不支持。规定表格的宽度。

•  行标签<tr>：在 HTML 5 中，不支持 <tr> 标签在 HTML 4.01 中的任何属性。

属性	值	描述
align	right、left、center、justify、char	HTML5 不支持。定义表格行的内容对齐方式。
bgcolor	rgb(x,x,x)、#xxxxxx、colorname	HTML5 不支持。HTML 4.01 已废弃。 规定表格行的背景颜色。
char	character	HTML5 不支持。规定根据哪个字符来进行文本对齐。
charoff	number	HTML5 不支持。规定第一个对齐字符的偏移量。
valign	top、middle、bottom、baseline	HTML5 不支持。规定表格行中内容的垂直对齐方式。

•  单元格标签<th>、<td>：<th> 元素中的文本通常呈现为粗体并且居中，而<td> 元素中的文本通常是普通的左对齐文本。在HTML5中，th、td支持colspan、rowspan、headers属性其他的不支持。

abbr	text	HTML5 不支持。规定单元格中内容的缩写版本。
align	left、right、center、justifychar	HTML5 不支持。规定单元格内容的水平对齐方式。
axis	category_name	HTML5 不支持。对单元格进行分类。
bgcolor	rgb(x,x,x)、#xxxxxx、colorname	HTML5 不支持。HTML 4.01 已废弃。 规定单元格的背景颜色。
char	character	HTML5 不支持。规定根据哪个字符来进行内容的对齐。
charoff	number	HTML5 不支持。规定对齐字符的偏移量。
colspan	number	规定单元格可横跨的列数。
headers	header_id	规定与单元格相关联的一个或多个表头单元格。
height	pixels、%	HTML5 不支持。HTML 4.01 已废弃。  设置单元格的高度。
nowrap	nowrap	HTML5 不支持。HTML 4.01 已废弃。  规定单元格中的内容是否折行。
rowspan	number	设置单元格可横跨的行数。
scope	col、colgroup、row、rowgroup	HTML5 不支持。定义将表头单元格与数据单元格相关联的方法。
valign	top、middle、bottom、baseline	HTML5 不支持。规定单元格内容的垂直排列方式。
width	pixels、%	HTML5 不支持。HTML 4.01 已废弃。 规定单元格的宽度。