<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
table{
width: 625px;
text-align: center;/*水平居中*/
margin: 0 auto;/*根据页面大小,水平居中*/
}
table,th,td{
border-collapse: collapse;/*合并边框*/
}
</style>
</head>
<body>
<!--
rowspan:合并行
colspan:合并列
-->
<table border="1">
<caption><h2>学生课程表</h2></caption>
<thead style="background-color: aquamarine;">
<tr>
<th>时间</th>
<th>星期一</th>
<th>星期二</th>
<th>星期三</th>
<th>星期四</th>
<th>星期五</th>
</tr>
</thead>
<tbody style="background-color: bisque;">
<tr>
<td rowspan="2">上午</td>
<td>语文</td>
<td>英语</td>
<td>语文</td>
<td>语文</td>
<td>数学</td>
</tr>
<tr>
<td>数学</td>
<td>政治</td>
<td>体育</td>
<td>生物</td>
<td>化学</td>
</tr>
<tr>
<td rowspan="2">下午</td>
<td>音乐</td>
<td>体育</td>
<td>微机</td>
<td>美术</td>
<td>数学</td>
</tr>
<tr>
<td>语文</td>
<td>政治</td>
<td>化学</td>
<td>物理</td>
<td>美术</td>
</tr>
</tbody>
<tfoot style="background-color: darkgrey;">
<tr>
<td>晚上</td>
<td colspan="5">自习</td>
</tr>
</tfoot>
</table>
</body>
</html>
具体实现图示: