html实战例子: 课程表

效果图:
html实战例子: 课程表
代码:

<!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">上午&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</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">下午&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</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>
上一篇:基本功


下一篇:网站建设之CSS中用类选择器实现登录表单