1.表格的创建
<table> 创建表格
<tr> 表示行
<td></td> 表示单元格
<tr>
2.表格相关属性
注意:在tr中不能设置高度
1.宽度:width
2.高度:height
3.边框:border
4.边框颜色:bordercolor
5.背景颜色:bgcolor
6.文字水平对齐 align=“left或right或center”
7.文字垂直对齐:valign=“top或middle或bottom
8.cellspacing=”单元格与单元格之间的间距“ 在table里面
9.cellpadding=”单元格与内容之间的空隙“ 在table里面
3.单元格合并
1.表格合并列:Colspan:跨列成行 在同一行中进行操作后面的属性值等于删除掉的同一行的单元个数加一
2.表格合并行:Rowspan:跨行成列 在同一列中进行操作,他后面的属性值等于删除掉的同一列的单元个数加一
例题:
部分代码:
效果:
4.表格相关的html标签和属性
1.表格标题:
<caption>标题内容</caption>
2.表格列分组
1.<colgroup span="数字"></colgroup>
2.<col span="数字" />
3.如果用rules添加组分割线的话,列分组必须用colgroup
例题:
部分代码:
效果:
3.表格行分组
1.<thead></thead> 表头
2.<tbody></tbody> 表体
3.<tfoot></tfoot> 表尾
4.添加分组线:必须给table标签添加属性
rules="groups/rows/cols/all/none"
例题:
部分代码
效果: