html制作简易课程表
利用html表格table标签制作超简易课程表,快去试试!
源代码
<!DOCTYPE html>
<html lang="en">
<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>课程表</title>
<style>
table{
text-align: center;
}
</style>
</head>
<body>
<table border="1" cellpadding="10" align="center">
<caption>课程表</caption>
<tbody>
<tr>
<td colspan="2">时间\日期</td>
<td>一</td>
<td>二</td>
<td>三</td>
<td>四</td>
<td>五</td>
</tr>
<tr>
<td rowspan="2">上午</td>
<td>9:00-10:00</td>
<td>前端</td>
<td>前端</td>
<td>前端</td>
<td>前端</td>
<td>前端</td>
</tr>
<tr>
<td>10:25-11:30</td>
<td>前端</td>
<td>前端</td>
<td>前端</td>
<td>前端</td>
<td>前端</td>
</tr>
<tr>
<td colspan="7"> </td>
</tr>
<tr>
<td rowspan="3">下午
</td>
<td>14:00-15:00</td>
<td>前端</td>
<td>前端</td>
<td>前端</td>
<td>前端</td>
<td>前端</td>
</tr>
<tr>
<td>15:30-16:00</td>
<td>前端</td>
<td>前端</td>
<td>前端</td>
<td>前端</td>
<td>前端</td>
</tr>
<tr>
<td>17:00-18:00</td>
<td>前端</td>
<td>前端</td>
<td>前端</td>
<td>前端</td>
<td>前端</td>
</tr>
</tbody>
</table>
</body>
</html>