HTML5表格基础小记

表格小总结：

        

1表格是什么：页面中用来显示数据用的

2 课表、日历，成绩单、oa系统

3 语法结构

<table>

<tr>

     <td><td>

<tr>

</table>

但是：如果没有加特殊的属性每一行中的单元格数量必须一致

4 表格属性

加到table里面的：border设置边框 cellspacing边框与边框之间的距离【默认1px】width、height  align【设置table的位置】 bgcolor【背景颜色】 cellspacing【文字与边框之间的距离】

加到tr里面的：height=“高度” aliign=“center” bgcolor=“背景颜色”需要注意从tr中无法设置宽度

加到td里面的：width=“宽度” height=“高度” align=“位置”bgcolor=“背景颜色”

合并单元格 

横向：colspan

竖着：rowspan

Colspan：跨列成行 需要在同一行中进行操作，他后面的属性值等于删除掉的单元格数+1

Rowspan：跨行成列 在同一列中进行操作，他后面的属性值等于删除掉【同一列的】单元个数+1

表格标题<caption>标题</ caption >

添加组分隔线  rules="groups/rows/cols/all/none"

Col colgroup  操作列的样式 span=“1”操作一行

Thead 表头

 Tbody正文

tfool页脚