表格是html的非常重用的一个组成部分。
其组成元素主要有:
1.table
2.caption:标题
3.thead :表头
4.tbody:表体(必须有)
5.tfoot:表尾
6.tr:表行
7.th:表头行
8.td:表列
常用的属性有:
1.rowspan:跨行合并;
2.colspan:跨列合并;
3.border:表的边框
4.cellspacing=”0”:设置单元格与单元格之间的距离
5.cellpadding=”10”:设置单元格内容与单元格边框的距离.
表格在课程表中的应用
<table border="1" cellspacing="0" cellpadding="10">
<caption>课程表</caption>
<thead>
<tr>
<th></th>
<th>星期一</th>
<th>星期二</th>
<th>星期三</th>
<th>星期四</th>
<th>星期五</th>
</tr>
</thead>
<tbody>
<tr>
<td>第一节</td>
<td rowspan="2">英语</td>
<td>语文</td>
<td rowspan="2">化学</td>
<td>体育</td>
<td>数学</td>
</tr>
<tr>
<td>第二节</td>
<td>化学</td>
<td>数学</td>
<td>英语</td>
</tr>
<tr>
<td>第三节</td>
<td>语文</td>
<td >数学</td>
<td colspan="2">体育</td>
<td>化学</td>
</tr>
<tr>
<td>第四节</td>
<td colspan="2">语文</td>
<td>英语</td>
<td colspan="2">化学</td>
</tr>
<tr>
<td>第五节</td>
<td>英语</td>
<td colspan="2">语文</td>
<td colspan="2">化学</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="6">注意:课间休息十分钟</td>
</tr>
</tfoot>
</table>
效果图如下: