五、表格
- 简介
表格是一个规则的行和列结构,每个表格由若干行组成,每行由若干个单元格组成
table row column - 基本结构
2.1 table标签
用来定义表格
常用属性:
border:表格边框 默认值为0
width/heigth:宽度高度
bordercolor:边框的颜色
align:对齐方式,取值:left(默认),center居中,right居右
bgcolor:背景颜色
background:背景图片
cellspacing间距:单元格与单元格之间的距离
cellpadding边距:单元格中的内容到边界之间的距离
2.2 tr标签
用来定义行:table row
常用属性:
align水平对齐取值: len(默认)center right
valign垂直对齐 取值:top center bottom
bacolor背景颜色
background背景图片
2.3 tb标签
用来定义单元格:table data
常用属性:align、valign、bgcolor、background
注意:表格必须由行组成,行必须由单元格来组成,数据必须放在单元格中
3. 合并单元格
合并单元格也称为单元格的跨行和跨列
两个属性:
*rowspan
设置单元格所跨的行数
*colspan
设置单元格所跨的列数
步骤:
1.在跨越的单元格中设置rowspan/colspan属性
2.将被跨越的单元格删除
必须要保证每行的实际列数是相同的,否则表格可能会出现错乱或变形
4.高级标签
4.1 caption标签
表格的标题标签
4.2 thead标签
表格的头部 table head
4.3 th标签
表格的头部标题 table head title
一般用在thead中,设置头部的标题,来替代td标签,与td的区别,th中的文本会加粗且居中显示
4.4 tbody标签
表格的主体 table body
4.5 tfoot标签
表格的底部table foot