【HTML】表格

感谢pink老师的教程！

写了这么多年前端居然没有怎么系统学过table...

1.表格的基本组成

　　<table>　　表格容器

　　<tr>　　　　行标签

　　<td>　　　　单面格标签

　　<th>　　　　表头单元格标签

2. 表格结构标签

　　<thead>　　定义表格的头部

　　<tbody>　　定义表格的主体

　　<tfooter>　　定义表格的尾部

<table border="1px">
    <thead>
      <tr>
        <th>姓名</th>
        <th>年龄</th>
        <th>性别</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>张三</td>
        <td>18</td>
        <td>男</td>
      </tr>
      <tr>
        <td>李四</td>
        <td>19</td>
        <td>女</td>
      </tr>
    </tbody>
</table>

3.  合并单元格

　　rowspan　　行合并

　　colspan　　 列合并

　　1、找到目标单元格(左上原则)　　2、合并数量　　3、删除多余单元格

<table border="1px">
    <thead>
      <tr>
        <th>姓名</th>
        <th>年龄</th>
        <th>性别</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>张三</td>
        <td>18</td>
        <td rowspan="2">男</td>
      </tr>
      <tr>
        <td>王五</td>
        <td>20</td>
        <!-- 因为合并了 这里就多余了 -->
        <!-- <td>男</td> -->
      </tr>
      <tr>
        <td>李四</td>
        <td>19</td>
        <td>女</td>
      </tr>
    </tbody>
  </table>