<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>0704</title>
</head>
<body>
<!-- 这行代码是为了让表格线之间没有间隙 -->
<style>
table{
border-collapse:collapse
}
</style>
<table width="600" border="1" align="center" style="text-align:center">
<caption>2020年第一学期课程表</caption>
<thead>
<tr>
<th>时间</th>
<th>课时</th>
<th>节数</th>
<th>周一</th>
<th>周二</th>
<th>周三</th>
<th>周四</th>
<th>周五</th>
<th>周六</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="4" bgcolor="yellow">上午</td>
<td>45分钟</td>
<td>第一节</td>
<td>自习</td>
<td>自习</td>
<td>自习</td>
<td>自习</td>
<td>自习</td>
<td>自习</td>
</tr>
<tr>
<td>45分钟</td>
<td>第二节</td>
<td>自习</td>
<td>自习</td>
<td>自习</td>
<td>自习</td>
<td>自习</td>
<td>自习</td>
</tr>
<tr>
<td>45分钟</td>
<td>第三节</td>
<td>自习</td>
<td>自习</td>
<td>自习</td>
<td>自习</td>
<td>自习</td>
<td>自习</td>
</tr>
<tr>
<td>45分钟</td>
<td>第四节</td>
<td>自习</td>
<td>自习</td>
<td>自习</td>
<td>自习</td>
<td>自习</td>
<td>自习</td>
</tr>
<tr>
<td colspan="9" bgcolor="yellow">午休</td>
</tr>
<tr>
<td rowspan="2" bgcolor="yellow">下午</td>
<td>45分钟</td>
<td>第一节</td>
<td>自习</td>
<td>自习</td>
<td>自习</td>
<td>自习</td>
<td>自习</td>
<td>自习</td>
</tr>
<tr>
<td>45分钟</td>
<td>第二节</td>
<td>自习</td>
<td>自习</td>
<td>自习</td>
<td>自习</td>
<td>自习</td>
<td>自习</td>
</tr>
<tr>
<td colspan="9" bgcolor="yellow">值日生打扫卫生</td>
</tr>
</tbody>
</table>
</body>
</html>
代码实现效果展示