有时候我们需要在网页上展示一些数据,如某个班级的成绩表。如果我们使用HTML中的border边框和position定位进行制作会十分的复杂
这时候我们就可以使用表格元素了
HTML网页中一个表格大致可以分为的四个元素:table、tr、th、td
1、<table></table>:整个表格以<table>标记开始、</table>标记结束。
2、<th></th>:表格的头部的一个单元格,表格表头。
3、<tr></tr>:表格的一行,所以有几对tr 表格就有几行。
4、<td></td>:表格的一个单元格,一行中包含几对<td>...</td>,说明一行中就有几列。
tip:指定的表格标题,可以使用<caption>使它显示在表格上方。
有时候一些行和列需要合并,合并行使用rowspan属性,合并列使用功能colspan属性。
例如我建一个简单的2*2的表格代码如下
效果是这样的