属性 |
属性值 |
说明 |
① summary |
字符窜 |
用于说明建立表格的目的、意义、构造等简要介绍。这个属性无法用IE之类的可视化浏览器显示出来,但对其它用户代理器(如声音回馈系统)可能有用 |
② align |
字符串:预定义值 left |
表格的排列配置,就是表格相对于表格以外的其它元素的整体对齐方式,left表示表格左对齐,right右对齐,center居中对齐,默认为左对齐。此属性在Strict DTD中已被废弃 |
③ width |
长度值 |
表格的宽度,属性值可为正整数像素值或百分比值 |
④ bgcolor |
颜色值 |
指定表格整体的背景色。此属性在Strict DTD中已被废弃 |
⑤ frame |
字符串:预定义值 |
控制表格的外部边框(即整体四周的边框)的显示,只有在表格的border属性设置大于0时才有效,默认不显示边框,可能的取值如下:- border:显示所有的四个外部边框;
- box:显示所有的四个外部边框;
- void:表示表格不显示任何边框,此为默认值;
- above:显示顶端边框;
- below:显示底部边框;
- hsides:显示上下两侧即水平边框;
- vsides:显示左右两侧即垂直方向的边框;
- lhs:只显示左边框;
- rhs:只显示有边框
|
⑥ rules |
字符串:预定义值 |
控制表格的内部边框(单元格边框)的显示,只有在表格的border属性设置大于0时才有效,默认不显示边框,可能的取值如下:- all:显示所有内部边框;
- groups:表示只在列编组或列之间显示边框;
- rows:只显示行之间水平方向边框;
- cols:只显示列之间垂直方向边框;
- none:不显示任何单元格边框
|
⑦ border |
整数:0 |
指定表格外边框的宽度,0表示宽度为0,即不显示边框,其他正整数表示边框宽度为多少像素。如果不指定则默认为0。内边框即单元格边框在默认情况下随外边框一起显示或不显示,但宽度只能为1 |
⑧ cellpading |
长度值 |
指定单元格里面的内容和单元格边框之间的间隔,即填充距,属性值可为整数的像素值或百分比值 |
⑨ cellspacing |
长度值 |
指定单元格里面的内容和单元格边框之间的间隔,即填充距,也包括表格外边框与单元格的四边间距,属性值可为整数的像素值或百分比值 |
⑩ height |
长度值 |
指定表格的整体宽度。属性值可为正整数像素值或百分比值。此属性为非标准属性,即不在W3C规范范围内 |
⑪ background |
URI |
指定表格的背景图案,URI指向图像文件的位置。此属性仅在Transitional DTD和Frameset DTD中使用 |
⑫ bordercolor |
颜色值 |
定义表格整体的框线色。此属性仅在Transitional DTD和Frameset DTD中使用 |
⑬ bordercolordark |
颜色值 |
指定表格整体的暗面框线色(表格的左、上框线色)。此属性为非标准属性,仅IE适用 |
⑭ bordercolorlight |
颜色值 |
指定表格整体的量面框线色(表格的右、下的框线色)。此属性为非标准属性,仅IE适用 |
⑮ 通用属性:id、title、class、style、dir、lang、xml:lang |
范例
下面的例子显示了XHTML文件基础结构:
运行打印
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>元素table</title>
</head>
<body>
<table border="1" bordercolor="lime" width="500" height="400">
<caption><em>a test table with merged cells</em></caption>
<tr><th>males<td>1.9<td>0.003<td>40%
<tr><th>females<td>1.7<td>0.002<td>43%
</table>
<p>最基本的HTML表格是由table、tr、td组成的,tr表示行,td表示单元格,可以只有一行一列,即只有一个单元格。<br>下图显示了cellpadding与cellspacing的关系:<br><img src="src/cell.gif" alert="cellpadding VS cellspacing"></p>
</body>
</html>