html的表格
-
简介
表格是一个规则的行列结构,每个表格由若干行组成,每行由若干单元格组成
table,row,column
基本结构
table标签
用来定义表格
常用属性
. border 边框,默认值为0
. width/height 宽度,高度
. align 水平对齐,取值; left,center,right 左/中右
. bordercolor 边框颜色
. bgcolor 背景颜色
. background 背景图片
. cellspacing 间距,单元格与单元格之间的距离
. cellpadding 边距;单元格内容与边界的距离
tr标签
用来定义行,table row
常用属性:
. align 水平对齐,取值:left center right
. valign 垂直对齐 : 取值:top/顶部,middle/中间,bottom/底部
. bgcolor 背景颜色
. background 背景图片
td标签
用来定义单元格
常用属性:align,valign,bgcolor,background
注:表格必须由行组成,行必须由单元格组成。数据必须放到单元格中
合并单元格
也成为表格的跨行和跨列
两个属性:
. rowspan 设置单元所跨越的行数,如rowspan=2;/表示跨越2行
. colspan 设置单元格所跨越的列数,如 colspan=4 表示跨越4列
步骤 :
1.在跨越的单元格中设置rowspan/colspan
2. 将被跨越的单元格删除
必须要保证每行的实际列数是相同的,否则表格会出现混乱
高级标签
caption标签: 标题/字幕
表格的标题; caption放在<table>里面
thead标签
表格的头部
th标签/结合thead标签使用
表格的头部标签/标题;用来设置头部的标题
tbody标签
表格的主体
tfoot标签
表格的底部