常用的表格标签及补充

表格的作用：显示数据

<table>
        <tr>
            <td></td>
            <td></td>
            <td></td>
        </tr>
    </table>

表格标签补充：
1、表格的数据分组：

  <thead></thead>       //表头
  <tbody></tbody>       //表体
  <tfoot></tfoot>       //表尾

2、列标题标签

  <th></th>
  默认的样式:左右居中  文本加粗

3、表格标题：

  <caption></caption>   //文档表头标题
  标题的位置：
    css属性:caption-size:left || right || top || bottom  
    注:left || right 有兼容问题：火狐能识别

4、数据列分组

 <colgroup span="把几列分成一组"></colspan>
 表格里面重要的html属性：
 colspan="";
 rowspan="";
 cellspacing="";
 cellpadding="";
 rules=""    分割线;
 属性值:all || rows || cols || groups

表格css属性的补充:
1、相邻单元格边框进行合并

  border-collapse:         (添加在table上面)
  属性值：
      separate  分开状态
      collapse   合并

2、相邻单元格之间的间距 （添加在table上面）

  border-spacing:10px;

3、是否像是单元格区域： （没有内容的时候让隐藏）

  empty-cells:
        show(显示)
        hide(隐藏)

4、table-layout:

   auto      默认值：根据内容分配宽度（有点：灵活，缺点：性能消耗比较大）
   fixed     不在根据内容分配宽度（有点：性能消耗低  缺点 ：不灵活）