前端-表格

1.表格基础

  （1）<table></table>:HTML中的一个表格

            ①border属性：设置表格的边框，默认为0px，以数字为单位

            ②width属性：设置表格的宽度，以数字为单位

            ③height属性：设置表格的高度，以数字为单位

            ④align属性：设置表格的对齐方式（left right center）

  （2）<tr></tr>:表示表格中的一行

  （3）<td></td>:表示表格中的一个单元格        

            ①width属性：设置表格的宽度，以数字为单位

            ②height属性：设置表格的高度，以数字为单位

  （4）注意：

              ①html中表格不自带边框

              ②如果想要行和列宽高平均分配，那么首先给每一列的第一个单元格设置一样的宽度，每一行的第一个单元格设置一样的高度。|

2.单元格合并

colspan 是合并列，rowspan是合并行，合并行的时候，比如rowspan="2"，它的下一行tr会少一列；合并列的时候 colspan="2"，此行的列会少一列

<table border="1" style={{margin:200}}>
      <tbody>
        <tr>
          <th colspan="2">我是占位符</th>
          <th colspan="2">我是占位符</th>
        </tr>
        <tr>
          <th rowspan="2">我是占位符</th>
          <th>我是占位符</th>
          <th>我是占位符</th>
          <th>我是占位符</th>
        </tr>
        <tr>
          <th>我是占位符</th>
          <th>我是占位符</th>
          <th>我是占位符</th>
        </tr>
      </tbody>
    </table>