用html5制作自己的课程表

用html5制作自己的课程表
当我们每个学期开始上课时，是不是总要登入一些网站或app才能找到自己的课程表呢？这里，我给大家展示怎样自己写属于自己的课程表，能够创建一个网页，并随时打开自己的课程表岂不美哉！
首先，创建.txt文档，然后变更后缀名名为.html，即可创建一个空网页！(若电脑无法显示后缀名，请百度收索“电脑文件名后缀显示问题”)
然后，将下面的代码复制输入，改为自己的课程名称即可：

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>My schedule</title>
	</head>
	<style>
		body{
			background:#f9f9f9;
			color: #000000;
			font-size: 16px;
			font-family: 微软雅黑；
		}
	</style>
	<body>
		<table border="2" width="80%" align="center" bgcolor="#FFF0FF" cellpadding="7" cellspacing="7">
			<caption style="font-size: 30px;">课程表</caption>
			<tr>
				<th style="font-size: 16px;">星期</th>
				<th colspan="2" style="font-size: 20px;"><b>星期天</b></th>
				<th colspan="2" style="font-size: 20px;"><b>星期一</b></th>
				<th colspan="2" style="font-size: 20px;"><b>星期二</b></th>
				<th colspan="2" style="font-size: 20px;"><b>星期三</b></th>
				<th colspan="2" style="font-size: 20px;"><b>星期四</b></th>
				<th colspan="2" style="font-size: 20px;"><b>星期五</b></th>
				<th colspan="2" style="font-size: 20px;"><b>星期六</b></th>
			</tr>
			<tr>
				<td align="center" rowspan="5"><strong>上午</strong></td>
				<td colspan="2"></td>
				<td colspan="2" rowspan="2" align="center" style="color:#D91D1D;"><a  href="#" target="new">高等数学</a></td>
				<td colspan="2" rowspan="2" align="center"><a href="#" target="new">线性代数</a></td>
				<td colspan="2" rowspan="2" align="center"><a href="#">大学英语</a></td>
				<td colspan="2" rowspan="2" align="center"><a href="#" target="new">大学物理</a></td>
				<td colspan="2" rowspan="2" align="center"><a href="#" target="new">概率论</a></td>
				<td colspan="2"></td>
			</tr>
			<tr>
				
				<td colspan="2"></td>
				<td colspan="2" ></td>
			</tr>
			<tr>
				
				<td colspan="2"></td>
				<td colspan="2" rowspan="3" align="center" ><a href="#" target="new">工程力学</a></td>
				<td colspan="2"></td>
				<td colspan="2" rowspan="3" align="center" ><a href="#" target="new">动力机械</a></td>
				<td colspan="2" rowspan="3" align="center" style="color:#D91D1D;"><a href="#" target="new">数据结构</a></td>
				<td colspan="2" rowspan="3" align="center" ><a href="#" target="new">编译原理</a></td>
				<td colspan="2"></td>
			</tr>
			<tr>
				<td colspan="2"></td>
				<td colspan="2"></td>
				<td colspan="2"></td>
			</tr>
			<tr>
				<td colspan="2"></td>
				<td colspan="2"></td>
				<td colspan="2"></td>
			</tr>
			<tr><td colspan="15" align="center"><i>12:15~14:05</i></td></tr>
			<tr>
				<td align="center" rowspan="3"><strong>下午</strong></td>
				<td colspan="2"></td>
				<td colspan="2" rowspan="2" align="center"><a href="#" target="new">操作系统</a></td>
				<td colspan="2" rowspan="3" align="center" ><a href="#" target="new">组成原理</a></td>
				<td colspan="2" rowspan="3" align="center"><a href="#" target="new">结构体系</a></td>
				<td colspan="2"></td>
				<td colspan="2" rowspan="3" align="center"><a href="#" target="new">图像处理</a></td>
				<td colspan="2"></td>
			</tr>
			<tr>
				<td colspan="2"></td>
				<td colspan="2"></td>
				<td colspan="2"></td>
			</tr>
			<tr>
				<td colspan="2"></td>
				<td colspan="2"></td>
				<td colspan="2"></td>
				<td colspan="2"></td>
			</tr>
			<tr><td colspan="15" align="center"><i>16:30~18:30</i></td></tr>
			<tr>
				<td align="center" rowspan="3"><strong>晚课</strong></td>
				<td colspan="2"></td>
				<td colspan="2" rowspan="3" align="center"><a href="#" target="new">复制原理</a></td>
				<td colspan="2" rowspan="3" align="center"><a href="#" target="new">网络技术</a></td>
				<td colspan="2" rowspan="3" align="center"><a href="#" target="new">颜色科学</a></td>
				<td colspan="2" rowspan="3" align="center"><a href="#" target="new">土木工程</a></td>
				<td colspan="2" rowspan="3" align="center"><a href="#" target="new">原子物理</a></td>
				<td colspan="2"></td>
			</tr>
			<tr>
				<td colspan="2"></td>
				<td colspan="2"></td>
			</tr>
			<tr>
				<td colspan="2"></td>
				<td colspan="2"></td>
			</tr>
				
		</table>
	</body>
</html>