html table 表格详解

table : 

 标签 

1  <table></table>

2 <caption></caption>  :  定义表格标题

3  <thead></thead>  :  定义表格头

4 <tbody></tbody> : 定义表格体

5 <tfoot></tfoot> : 定义表格脚

6 <tr>  : 定义表格行

7 <td></td> :  定义单元格

 

属性：

1 cellpadding : 指定单元格内容与单元格边框这间的距离 

2 cellspacing: 指定单元格之间的间距

3 width : 指定单元格的宽度

4 td 单元格包含以下属性 ： colspan :  指定单元格跨多少列。  height: 指定单元格的高度。

      rowspan: 指定单元格可横跨多少行。   指定单元格的宽度

5 th  定义表格页眉的单元格

 

 

表格 的CSS属性 ;

 

1 border-collapse :  该属性控制两个单元格的边框是合并在一起，还是按照标准的html样式 分开。该属性有两个值 ： seperate  分开:  collapse  合并。

2 border-spacing: 当设置border-collapse 为seperate 时，该属性用于设置两个单元格边框之间的距离

3 caption-side : 用于设置表格标题位于表格哪边  。 top  , bottom,  left,  right

4 table-layout :  用于设置表格宽度布局的方法。auto  和  fixed  。

 

 

例：