表格的基本使用

1）表格标签

<table></table> table是表格的意思
<tr></tr> table row表格行
<td></td> table data表格数据

border属性：

为了让表格能够显示边框，table标签通常由border属性
caption属性：
<caption>是表格的标题，他常常作为<table>的第一个子元素出现

<th></th>标签： <th></th>是标题小格，可以替代<td></td>的作用，表示标题小格
它默认居中显示，文字加粗
` <table border="1" width="600">

<caption>表格的标题</caption>
<tr>
    <th>第一</th>
    <th>第二</th>
    <th>第三</th>
    <th>第四</th>
</tr>
<tr>
    <td>A</td>
    <td>A</td>
    <td>A</td>
    <td>A</td>
</tr>
<tr>
    <td>B</td>
    <td>B</td>
    <td>B</td>
    <td>B</td>
</tr>
<tr>
    <td>C</td>
    <td>C</td>
    <td>C</td>
    <td>C</td>
</tr>`
</table>

07_SZ(G%3NC@44)HQ0D~QX1.png

复杂表格

1）单元格的合并

colspan属性：用来设置td或者th的列跨度 rowspan属性：用来设置他的或者th的行跨度 >

<tr>
    <td>A</td>
    <td>B</td>
    <td>C</td>
    <td>D</td>
</tr>
<tr>
    <td>E</td>
    <td rowspan="2">F</td>
    <td colspan="2" rowspan="3">G</td>
</tr>
<tr>
    <td>H</td>   
</tr>
<tr>
    <td>I</td>
    <td>J</td>
</tr>

)XFZTMV5~}GSHW3L409Z2S2.png

2）表格其他特性

<thead></thead>标签定义表头
<tbody></tbody>标签定义表核心内容
<tfoot></tfoot>标签定义表脚，通常是汇总行

cellspacing、cellpadding属性：

cellpadding属性定义了表格单元的内容和边框之间的空间，可使用css代替它  
cellspacing属性（使用百分比或像素）定义了两个单元格之间空间的大小，可使用css代替它

5-表格标签