表格基本知识

一、表格基本架构：

<table>
    <tr>
        <td></td>
    </tr>
    <tr>
        <td></td>
    </tr>
</table

二、表格的相关属性：

宽度：width

高度：height

给表格添加边框：border

边框颜色：bordercolor

背景颜色：bgcolor

文字水平对齐：align=“left/right/center”

文字垂直对齐：valign=“top/bottom/center”

cellspacing="单元格与单元格之间的间距"（使用时必须给table）

cellpadding="单元格与内容之间的间距"（使用时必须给table）

合并单元格（使用时必须给td）：colspan="所要合并的单元格的列数"

rowspan="所要合并的单元格的行数"

三、border-collapse:collapse;合并单元格边框

四、与表格相关的标签：

1、标题标签：<caption>标题内容</caption>

2、表格列分组：

（1）col和colgroup元素会根据从左到右的顺序依次对数据表格进行分组

（2）span属性显示制定相邻几列组成一组，span属性默认为1

分组方式：（1）<colgroup span="数字"></colgroup>

（2）<col span="数字"/>

注意：如果用rules添加组分割线的话，列分组必须使用colgroup

3、表格行分组：使用

<thead></thead>表头

<tbody></tbody>表体

<tfoot></tfoot>表尾

4、添加组分割线：rules="groups/rows/cols/all/none"（必须给table标签添加）