table表格总结

表格1.0

表格的定义:“table”标签 定义HTML表格。简单的HTML表格由table元素以及一个或多个“tr”“td”元素组成表格结构；其中：“tr”元素定义表格行，“td”元素定义表格单元。也可用border,colspan,rowspan,align,bgcolor来美化表格。
一.表格的标签。

标签	用处
table	定义表格
thead	定义表格的页眉
th	表格表头
tr	定义表格的行
td	定义表格单元格
tbody	定义表格主体
tfoot	定义表格的页脚
border	定义表格边框（取大于等于“0”的数值，默认值为0没有边框）
bgcolor	表格的背景颜色
background	背景图片
cellspacing	间距：单元格和单元格之间的距离
cellpading	边距：单元格内元素距离单元格的距离
align	定义表格所处的位置（可取center,lift,right）
rowspan	垂直方向上的跨行合并
colspan	水平方向上的跨行合并

二、代码及效果。
表格无边框
代码：

效果：

有边框：

效果：

注释：“border”表示表框的宽度，取大于等于“0”的数值，默认值为0没有边框，取值越大宽度越大。“width”表示宽度，取值越大表格越宽。“height”表示表格高度，取值越大表格越高。
表格的对齐（例如表格居中“center”，还可取“lift”右对齐“right”左对齐，如果未设置默认值为居左）
代码：

效果：

表格的背景
代码：（例如背景颜色为红色（red）背景图片）

效果


表格的间距，边距
代码：
间距（cellspacing）：单元格和单元格之间的距离

效果：

边距(cellpading)：单元格内元素距离单元格的距离
代码：

效果：

补充：
如果table和tr同时设置不同高度，tr的优先级高
如果tr和td同时设置了不同的高度，哪个高取哪个（哪个值大取哪个）
表格的嵌套：
代码：

效果：

表格的合并：
代码：

效果：