HTML表结构:
从语义结构上划分表格为:表头、表主体、表尾
thead标签标识表格头部元素
tbody标签标识表格表体元素
tfoot标签标识表格表尾部分
cellpadding:表格中内容和单元格之间的距离
cellspacing:表格中单元格和单元格之间的距离
colspan:跨列(合并列)
rowspan:跨行(合并行)
示例:在网页中制作一个课程表:
<table border="1">
<thead>
<tr>
<th></th>
<th>周一</th>
<th>周二</th>
<th>周三</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="3">上午</td>
<td>语文</td>
<td>语文</td>
<td>语文</td>
</tr>
<tr>
<!--<td>第二节</td>-->
<td colspan="3">语文</td>
<!--<td>语文</td>
<td>语文</td>-->
</tr>
<tr>
<!--<td>第三节</td>-->
<td>语文</td>
<td>语文</td>
<td>语文</td>
</tr>
</tbody>
</table>
实现效果如下:
周一 | 周二 | 周三 | |
---|---|---|---|
上午 | 语文 | 语文 | 语文 |
语文 | |||
语文 | 语文 | 语文 |