表格作用
主要用于显示,展示数据,因为它可以让数据显示的非常规整,可读性非常好,特别是后台展示数据的时候,能够熟练运用表格就显得很重要,一个简约清爽的表格能够把繁杂的数据表现的很有条理。
总结:
表格不是用来布局页面的,而是来展示数据的。
表格的基本语法
1 <table></table>是用于定义表格的标签。
2 <tr></tr>标签用于定义表格中的行,必须嵌套在<table></table>标签中
3 <td></td>用于定于表格中的单元格,必须嵌套在<tr></tr>标签中
4 td(table data)用于定义表格数据,即数据单元格的内容
5 <th></th>标签用于定义表头
表格的属性
后面会通过CSS来设置
align——规定表格相对周围元素的对齐方式(left,right,center)
border——规定表格是否有边框(1,“”)
cellpadding——单元格边沿与其内容之间的空白,默认1像素
cellspacing——单元格之间的空白,默认1像素
width——规定表格宽度
表格结构标签
<thead> 表格的头部区域,必须拥有<tr>标签
<tbody>表格的主体区域
合并单元格
跨行合并
rowspan="合并单元格的个数"
跨列合并
colspan="合并单元格的个数"
步骤
1.先确定是跨行还是跨列
2.找到目标单元格,写上合并方式=合并的单元格数量
3.删除多余的单元格