1、表格的作用
按照一定的格式来显示数据
2、创建表格
定义表格:<table></table>
创建表行:<tr></tr>
创建单元格(列):<td></td>
注意:保证每行的列数都是一致的
3、表格的属性
table 属性
width :宽度
height :高度
align
作用:设置表格元素的水平对齐方式
取值:left/center/right
4、border :边框宽度
5、cellpadding
内边距-单元格边框与内容之间的距离
6、cellspacing
外边距-单元格之间的距离
7、bgcolor :背景颜色
8、tr 属性
align: 当前行的文本 水平对齐方式
valign:当前行的文本 垂直对齐方式
取值:top/middle/bottom
9、bgcolor:当前行的背景颜色
10、td 属性
width height align valign
11、colspan :设置单元格跨列
12、rowspan :设置单元格跨行
13、表格的子元素
<caption></caption>
作用:定义表格的标题
14、行标题/列标题
显示效果:水平居中,并且加粗显示文本
<th></th> --><td></td>
15、表格的复杂应用
行分组
将数据行,分成不同的组,以便取设置样式
表头行分组
<thead></thead>
表主体行分组
<tbody></tbody>
表尾行分组
<tfoot></tfoot>
注意:如果不设置行分组的话,那么所有的行默认都会被当成tbody的内容
16、不规则表格
通过 td 的 colspan、rowspan 属性
17、colspan
跨列,合并列
横向向右 合并几个单元格(包含自己)
注意:被合并的td,一定要删除
18、rowspan
跨行,合并行
纵向向下合并几个单元格(包含自己)
19、表格的嵌套
表格可以嵌套其他的表格
被嵌套的表格要出现在 <td></td>中