效果图:
代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>课表</title>
</head>
<body>
<table border="1" cellpadding="20" align="center">
<caption>课程表</caption>
<tr>
<th colspan="2">时间\日期</th>
<th>一</th>
<th>二</th>
<th>三</th>
<th>四</th>
<th>五</th>
</tr>
<tr>
<td rowspan="4">上午 </td>
<td>8:00-8:50</td>
<td>数学</td>
<td>数学</td>
<td>数学</td>
<td>数学</td>
<td>数学</td>
</tr>
<tr>
<td>9:00-9:50</td>
<td>英语</td>
<td>英语</td>
<td>英语</td>
<td>英语</td>
<td>英语</td>
</tr>
<tr>
<td>10:10-11:00</td>
<td>语文</td>
<td>语文</td>
<td>语文</td>
<td>语文</td>
<td>语文</td>
</tr>
<tr>
<td>11:10-12:00</td>
<td>体育</td>
<td>体育</td>
<td>体育</td>
<td>体育</td>
<td>体育</td>
</tr>
<tr><td colspan="7" height="2"></td></tr>
<tr>
<td rowspan="3">下午 </td>
<td>14:30-15:20</td>
<td>编程</td>
<td>编程</td>
<td>编程</td>
<td>编程</td>
<td>编程</td>
</tr>
<tr>
<td>15:30-16:20</td>
<td>前端</td>
<td>前端</td>
<td>前端</td>
<td>前端</td>
<td>前端</td>
</tr>
<tr>
<td>16:30-17:20</td>
<td>前端</td>
<td>前端</td>
<td>前端</td>
<td>前端</td>
<td>前端</td>
</tr>
</table>
</body>
</html>