表格標簽
<table></table> ： 表格框架
<thead></thead> ： 表格頭部
<tbody></tbody> ： 表格主體
<th></th> ：表頭- - -加粗居中
<tr></tr> ：行
<td></td> ：列
表格常用屬性
border:表格邊框的寬度敷钾，eg:<table?border="1">...</table>表示表格寬度為1
width:設置表格的寬度
height：設置表格的高度
align：表格中內(nèi)容的排列方式排惨，eg:<table?align="center">...</table>表示內(nèi)容居中顯示
cellspacing:單元格和表格外邊框之間的寬度宫峦，不寫改屬性時喻旷，默認是有間隙的怒竿，設置cellspacing="0"后汁果，間隙消除
cellpadding:單元格內(nèi)的內(nèi)容和單元格邊框之間的寬度
<strong>注意：</strong>以上這些屬性是要寫在<table>標簽中
如果要合并單元格驾中，可使用rowspan赵刑、colspan兩個屬性
rowspan：行合并
colspan：列合并
合并方法：
1.首先確定要合并的單元格
2.編寫rowspan/colspan="合并單元格數(shù)量"分衫，行合并在要合并的最上面一個單元格中寫rowspan，列合并在要合并的最左邊一個單元格中寫colspan
3.刪除剩下被合并的單元格
<strong>注意：</strong>這兩個屬性寫在<td>標簽中
小提示 - - -表格其他屬性和查閱手冊或百度具體查看
代碼示例
代碼示例1：
<table>
<thead>
<tr>
<th>姓名</th>
<th>性別</th>
<th>年齡</th>
</tr>
</thead>
<tbody>
<tr>
<td>小紅</td>
<td>女</td>
<td>8</td>
</tr>
<tr>
<td>小明</td>
<td>男</td>
<td>9</td>
</tr>
</tbody>
</table>
代碼示例1效果：
代碼示例2：
<table border="1">
<thead>
<tr>
<th>姓名</th>
<th>性別</th>
<th>年齡</th>
</tr>
</thead>
<tbody>
<tr>
<td>小紅</td>
<td>女</td>
<td>8</td>
</tr>
<tr>
<td>小明</td>
<td>男</td>
<td>9</td>
</tr>
</tbody>
</table>
代碼示例2效果：
代碼示例3：
<table border="1" width="300" height="150">
<thead>
<tr>
<th>姓名</th>
<th>性別</th>
<th>年齡</th>
</tr>
</thead>
<tbody>
<tr>
<td>小紅</td>
<td>女</td>
<td>8</td>
</tr>
<tr>
<td>小明</td>
<td>男</td>
<td>9</td>
</tr>
</tbody>
</table>
示例3效果：
代碼示例4：
<table border="1" width="300" height="150" align="center">
<thead>
<tr>
<th>姓名</th>
<th>性別</th>
<th>年齡</th>
</tr>
</thead>
<tbody>
<tr>
<td>小紅</td>
<td>女</td>
<td>8</td>
</tr>
<tr>
<td>小明</td>
<td>男</td>
<td>9</td>
</tr>
</tbody>
</table>
示例4效果：
代碼示例5：
<table border="1" width="300" height="150" align="center" cellspacing="0">
<thead>
<tr>
<th>姓名</th>
<th>性別</th>
<th>年齡</th>
</tr>
</thead>
<tbody>
<tr>
<td>小紅</td>
<td>女</td>
<td>8</td>
</tr>
<tr>
<td>小明</td>
<td>男</td>
<td>9</td>
</tr>
</tbody>
</table>
示例5效果：
代碼示例6：
<table border="1" width="300" height="150" align="center" cellspacing="0" cellpadding="30">
<thead>
<tr>
<th>姓名</th>
<th>性別</th>
<th>年齡</th>
</tr>
</thead>
<tbody>
<tr>
<td>小紅</td>
<td>女</td>
<td>8</td>
</tr>
<tr>
<td>小明</td>
<td>男</td>
<td>9</td>
</tr>
</tbody>
</table>
示例6效果：
代碼示例7：
<table border="1" cellspacing="0" align="center" width="300" height="150">
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
示例7效果：
代碼示例8：
<table border="1" cellspacing="0" align="center" width="300" height="150">
<tr>
<td></td>
<td colspan="2"></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
示例8效果：
代碼示例9：
<table border="1" cellspacing="0" align="center" width="300" height="150">
<tr>
<td></td>
<td colspan="2"></td>
</tr>
<tr>
<td rowspan="2"></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
示例9效果：
