HTML【详解】表格 table 标签（table的属性，语义化表格，简易表格，合并单元格）

    <table border="1" cellspacing="0">
      <caption>
        表格标题
      </caption>

      <!--表头-->
      <thead>
        <tr>
          <th>表头1</th>
          <th>表头2</th>
        </tr>
      </thead>

      <!--表身-->
      <tbody>
        <tr>
          <td>第1行单元格1</td>
          <td>第1行单元格2</td>
        </tr>
        <tr>
          <td>第2行单元格1</td>
          <td>第2行单元格2</td>
        </tr>
      </tbody>

      <!--表尾-->
      <tfoot>
        <tr>
          <td>表尾单元格1</td>
          <td>表尾单元格2</td>
        </tr>
      </tfoot>
    </table>

  <table border="1" cellspacing="0">
    <tr>
      <th>姓名</th>
      <th>性别</th>
    </tr>
    <tr>
      <td>张三</td>
      <td>男</td>
    </tr>
    <tr>
      <td>李四</td>
      <td>女</td>
    </tr>
  </table>

<table border="1" cellspacing="0" style="width: 100px;height:100px">
  <tr>
    <td colspan="2"></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
  </tr>
</table>

<table border="1" cellspacing="0" style="width: 100px;height:100px">
  <tr>
    <td rowspan="2"></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
  </tr>
</table>