HTML表格理论

基本结构: ①Table – 表格 ②Tr – 行 ③Td – 单元格 – 列

语法：

Caption -- 表格的标题 居中显示 -- 表头 Tr Th/th -- 表格头，内容居中显示，加粗显示 /tr -- 表格的主体 Tr Td/td -- 表体 -- 默认靠左显示 不加粗 /tr -- 脚注 Tr Td/td -- 表体 -- 默认靠左显示 不加粗 /tr

表格的操作：添加或者删除表格的行与列；

表格属性：
Width： px / % 规定表格的宽度
align： left center right 表格相对周围元素的对齐方式
border ：px 规定表格边框的宽度
bgcolor： rgb(x,x,x) #xxxxxx colorname 表格的背景颜色
cellpadding： px % 单元边沿和内容之间的空白
cellspacing ：px % 单元格之间的空白
frame 属性值 规定外侧边框的哪个部分是可见的
rules 属性值 规定内测边框的哪个部分是可见的
frame+属性：规定外侧边框哪条可见：
1、void 不显示外侧边框
2、above 显示上部外侧边框
3、below 显示下部的外侧边框
4、hsides 显示上下部
5、vsides 显示左右
6、lhs 显示左边
7、rhs 显示右边
8、box 显示所有四个边
9、border 显示四个边

rule+属性：规定内侧边框哪条可见：
1、 none: 无边框
2、 groups: 位于行组和列组之间的线条
3、 rows: 位于行之间的线条
4、 cols: 位于列之间的线条
5、 all: 位于行与列之间的线条。

具体的属性设置：
1、 tr标签的属性：
align: left, right, center, justify ,char(行内容的水平对齐方式)
valign: top, middle, botton, baseline(行内容的垂直对齐方式)
bgcolor: rgb(), #xxxxxx, colorname (行的背景颜色)

2、 td和th属性
align: left, right, center, justify ,char(单元格内容的水平对齐方式)
valign: top, middle, botton, baseline(单元格内容的垂直对齐方式)
bgcolor: rgb(), #xxxxxx, colorname (单元格的背景颜色)
width px % 单元格的宽度
height % px 单元格的高度

3、 thead, tbody, tfoot属性设置：
align: left, right, center, justify ,char(单元格内容的水平对齐方式)
valign: top, middle, botton, baseline(单元格内容的垂直对齐方式)
bgcolor: rgb(), #xxxxxx, colorname (单元格的背景颜色)

行合并：rowspan
列合并：colspan

表格的嵌套：
① 完整的表格结构②放在td里
语法如下：

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