表格、表单和高级选择器

表格、表单和高级选择器

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 合并单元格-跨列合并

1. 先考虑未进行合并时的行数和列数
2. 找到需要合并的单元格 给其添加属性colspan(column span 跨列)，并赋值为要合并的单元格个数
3. 删除逻辑上已经被合并的单元格

<table border="1">
    <tr>
        <td colspan="2">学生成绩</td>
    </tr>
    <tr>
        <td>语文</td>
        <td>20