以下是效果展示
下面是代码,运用了表格嵌套,colspan,rowspan,border,bgcolor,cellspan等属性。
<!DOCTYPE html>
<html>
<head>
<meta charset="{CHARSET}">
<title></title>
</head>
<body>
<table frame="void" bgcolor="#f2f2f2" border="1" align="center" width="500px" cellspacing="0">
<caption>课程表</caption>
<thead>
<tr>
<th>星期一</th>
<th>星期一</th>
<th>星期二</th>
<th>星期三</th>
<th>星期四</th>
<th>星期五</th>
</tr>
</thead>
<tbody align="center">
<tr>
<td>语文</td>
<td>语文</td>
<td>数学</td>
<td>化学</td>
<td>生物</td>
<td>英语</td>
</tr>
<tr>
<td>语文</td>
<td>语文</td>
<td>数学</td>
<td>化学</td>
<td>生物</td>
<td>英语</td>
</tr>
<tr>
<td colspan="6">课间活动</td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<table>
<tr align="center">
<td>前半节</td>
<td>后半节</td>
</tr>
<tr align="center">
<td>诗词</td>
<td>古文</td>
</tr>
</table>
</td>
<td>数学</td>
<td>化学</td>
<td>生物</td>
<td>英语</td>
</tr>
<tr>
<td>数学</td>
<td>化学</td>
<td>生物</td>
<td>英语</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="6">标注:2020年1月13日做</td>
</tr>
</tfoot>
</table>
</body>
</html>