表格、表单和高级选择器
1. 掌握表格的使用
1.1 表格的基本语法
表格是我们在日常生活用到的非常多的一种数据表现形式。
它的结构清晰、稳定、易于管理,且使用简单。
例如:工资条、后台管理系统各种数据表、考试成绩单、简历模板…
<!-- 声明表格 -->
<table>
<!-- 表格由行和列组成 -->
<!-- table row 行 你想要几行内容就写几个tr -->
<tr>
<!-- 单元格(列) 你在一行想要几个列就写几个td -->
<td></td>
</tr>
</table>
<!-- 考虑是几行几列的表格 -->
<!-- border 边框 -->
<table border="1">
<tr>
<td>11</td>
<td>12</td>
<td>13</td>
</tr>
<tr>
<td>21</td>
<td>22</td>
<td>23</td>
</tr>
<tr>
<td>31</td>
<td>32</td>
<td>33</td>
</tr>
</table>
1.2 合并单元格-跨列合并
- 先考虑未进行合并时的行数和列数
- 找到需要合并的单元格 给其添加属性colspan(column span 跨列),并赋值为要合并的单元格个数
- 删除逻辑上已经被合并的单元格
<table border="1">
<tr>
<td colspan="2">学生成绩</td>
</tr>
<tr>
<td>语文</td>
<td>20