table标签
<table></table> 表格
<thead></thead> 表格的头部
<tbody></tbody> 表格身体
<tfoot></tfoot> 表格尾部
<tr></tr> 表格的行数
<th></th> 表格的标题
<td></td> 表格的单元格
table标签的特性:
1.单元格会默认平分整个table的宽度
2.th标签的内容默认字体加粗,并且水平和垂直方向都居中
3.td的内容默认字体不加粗,并且垂直居中
4.table的宽度决定整个表格的宽度,如果td、th设置的总宽度比table的宽度大时,td和th设置的宽度不会生效
5.table的同一列宽度取决于其中最大宽度的单元格(th、td最好都设置上宽度)
6.table的同一行高度取决于其中最大高度的单元格(th、td最好都设置上高度)
Tips:利用表格的默认特性(水平、垂直居中等),可以把标签元素的display设置为table、table-cell等来实现居中
table单元格合并:
colspan="数值" 横向合并
rowspan="数值" 纵向合并
数值对应需要合并的单元格的数量
Tips:
被合并的单元格要删除,否则会多出一个