表格相关元素
郝东
226
表格相共元素
<table> ：用于定义表格，＜table …/＞元素只能包含0 个或1 个<caption …/>子元素（定义表格标题）， 0 个或1 个<thead …/＞子元素（定义表格头）， 0 个或1 个<tfoot…/＞子元素（定义表格脚），多个<tr…/＞子元素（定义表格行），多个<tbody…/＞子元素（定义表格体）。该元素可以指定id 、style 和class 等普通属性，也可以指定onclick等事件属性。
<table>元素还可以指定如下几个属性：
cellpadding: 指定单元格内容和单元格边框之间的间距。该属性值既可是像素值，也可是百分比。
cellspacing: 指定单元格之间的间距。该属性值既可是像素值，也可是百分比。
width ：指定表格的宽度，该属性值既可是像素值，也可是百分比。
<caption> ：用于定义表格标题，该元素只能包含文本、图片、超链接、文本格式化元素和表单控件元素等。
<tr> ：定义表格行，该元素只能包含<td …/＞或者<th.../>两种元素，该元素可以指定id 、style 、class 等核心属性，还可以指定onclick 等事件属性。
<td> ：定义单元格，该元素和<div …/＞元素一样，可以包含各种类型的子元素，包括在<td …/＞元素里包含<table…/＞子元素再次插入一个表格。该元素可以指定id 、style 和class 等普通属性，也可以指定onclick 等事件属性，除此之外，该元素还可以指定如下几个属性。
<td>元素还可以指定如下几个属性：
colspan: 指定该单元格跨多少列，该属性值就是一个简单数字。
rowspan: 指定此单元格可横跨的行数。
height: 指定该单元格的高度，该属性值既可是像素值，也可是百分比。
width: 指定该单元格的宽度，该属性值既可是像素值，也可是百分比。
<th> ：定义表格页眉的单元格，和<td>标签的用法几乎完全一样，只是浏览器呈现<th …/＞元素时有一定差别。
<tbody> ：定义表格的主体，该元素只能包含<tr…/＞子元素，该元素可以指定id 、style 和class 等普通属性，也可以指定onclick 等事件属性。
使用<tbody>标签，可以将一个表格分为几个独立的部分。<tbody…/＞元素可以将表格中的一行或几行合并成一组，当我们使用Ajax 编程时常常需要动态修改表格中某几行，这就需要使用<tbody…/＞元素了。
<tbody…/>元素中，必须使用<tr…/＞子元素来定义表格行，＜tbody…/＞元素本身并不会生成任何输出内容。一旦我们使用<tbody…/＞将多行定义为一组，一个<tbody…/＞元素就是表格中一个独立的部分，即不能从一个<tbody…/＞跨越到另一个<tbody…/＞中。
<thead> ：定义表格头，用法与<tbody…/>基本相似，指定功能稍有差别。
<tfoot>: 定义表格脚，用法与<tbody…/＞基本相似，指定功能稍有差别。