元素table

HTML文件的基本结构

table
适用DTD:Strict Transitional Frameset   适用浏览器:All
释义 表格(table)

语法
<table 属性="属性值">~标签内容~</table>
说明
table元素用来在页面中配置表格范围,table元素只是建立表格的基础元素,就如图在之上绘制表格,table元素只是最外面的方框而已。最基本的表格还包括行(tr元素)与列(thtd元素)
table元素是包含元素,除了建立表格必需的tr、td(或th)等子元素外,还可以在table元素标签范围内配置captioncolcolgrouptheadtbodytfoot等元素
终止标签不能省略

属性
属性 属性值 说明
① 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 查看
nbsp;

示范
表格的基本结构:
<table>
<tr>
<td>
表格数据</td>
</tr>
</table>

范例
下面的例子显示了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>

参阅
caption
tr
th
td
thead
tbody
tfoot
col
colgroup