简单⽹页课表制作效果图:
代码如下:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<style type="text/css">body{background-size:cover}</style>
<title>xxx-xxx学年秋(两学期)班级课程表班名:xxx</title>
</head>
<body background="E:\\test.jpg" ><!--背景图⽚保存路径-->
<table frame=box border=1 align=center cellpadding=0 cellspacing=0 bordercolor=black >
<caption><strong>课程表</strong></caption>
<tr>
<th colspan="2" align="center">节次</th>
<th align="center" width="180">星期⼀</th>
<th align="center" width="180">星期⼆</th>
<th align="center" width="180">星期三</th>
<th align="center" width="180">期期四</th>
<th align="center" width="180">星期五</th>
<th align="center" width="180">星期六</th>
<th align="center" width="180">星期⽇</th>
</tr>
<tr>
<td rowspan="2" align=center >第<br />⼀<br />⼤<br />节</td>
<td align="center">第<br />⼀<br />节</td>
<td rowspan="2">⾼等数学A(⼀)<br />
xxx<br />
xxx楼<br />
xxx<br />
4-9周上(1-2节)
</td>
<td rowspan="2">⼤学英语(三)<br />
<td rowspan="2">体育(⼀)<br />
(00007001-09)<br />
虚拟操场1<br>
详见清单6<br>
xxx
</td>
<td rowspan="2">⾼等数学A(⼀)<br />
xxx<br />
xxx楼<br />
xxx<br />
4-19周上(1-2节)
</td>
<td rowspan="2"></td><!--⽆课-->
<td rowspan="2"></td><!--⽆课-->
<td rowspan="2"></td><!--⽆课-->
</tr>
<tr>
<td align="center">第<br />⼆<br />节</td>
</tr>
<tr>
<td rowspan="2" align=center>第<br />⼆<br />⼤<br />节</td> <td align="center">第<br />三<br />节</td>
<td rowspan="2"></td><!--⽆课-->
<td rowspan="2"></td><!--⽆课-->
<td rowspan="2">⾼等数学A(⼀)<br />
xxx<br />
xxx楼<br />
xxx<br />
4-9周上(1-2节)
</td>
<td rowspan="2" ></td><!--⽆课-->
<td rowspan="2">计算机科学与技术导论B<br />
xxx<br />
xxx楼<br />
xxx<br />
4-12周上(5-6节)
</td>
<td rowspan="2"></td><!--⽆课-->
<td rowspan="2"></td> <!--⽆课-->
</tr>
<tr>
<td align="center">第<br />四<br />节</td>
</tr>
<tr>
<td rowspan="2" align=center>第<br />三<br />⼤<br />节</td> <td align="center">第<br />五<br />节</td>
<td rowspan="2"></td><!--⽆课-->
<td rowspan="2">形势与政策(⼀)<br />
xxx<br />
xxx楼<br />
xxx<br />
7-9周上(1-2节)
</td>
<td rowspan="2"></td>
<td rowspan="2">思想道德修养与法律基础<br />
xxx<br />
xxx楼<br />
xxx<br />
4-18周上(5-6节)</td>
<td rowspan="2">⼤学英语(三)<br />
<td rowspan="2" ></td> <!--⽆课-->
<td rowspan="2" ></td> <!--⽆课-->
</tr>
<tr>
<td align="center">第<br />六<br />节</td>
</tr>
<tr>
<td rowspan="2" align=center>第<br />四<br />⼤<br />节</td> <td align="center">第<br />七<br />节</td>
<td rowspan="2">英语听⼒(三)<br />
xxx<br />
xxx楼<br />
xxx<br />
5,7,9,11,13,15,17,19周上(7-8节)
</td>
<td rowspan="2">计算机科学与技术导论B<br />
xxx<br />
xxx楼<br />
xxx<br />
4-12周上(7-8节)
</td>
<td rowspan="2"></td> <!--⽆课-->
<td rowspan="2"></td> <!--⽆课-->
<td rowspan="2">军事理论<br />
xxx<br />
简单网页
xxx楼<br />
xxx<br />
4-15周上(7-8节)
</td>
<td rowspan="2"></td> <!--⽆课-->
<td rowspan="2"></td> <!--⽆课-->
</tr>
<tr>
<td align="center">第<br />⼋<br />节</td>
</tr>
<tr>
<td rowspan="3" align=center>第<br />五<br />⼤<br />节</td> <td align="center">第<br />九<br />节</td>
<td rowspan="2"></td>
<td rowspan="2">程序设计技术<br />
xxx<br />
xxx楼<br />
xxx<br />
4-13周上(9-10节)
</td>
<td rowspan="2"></td>
<td rowspan="2">程序设计技术<br />
<br />
xxx楼<br />
xxx<br />
4-13周上9(9-10节)
</td>
<td rowspan="2" ></td><!--⽆课-->
<td rowspan="2"></td> <!--⽆课-->
<td rowspan="2"></td> <!--⽆课-->
</tr>
<tr>
<td align="center">第<br />⼗<br />节</td>
</tr>
<tr>
<td></td> <td></td> <td></td> <td></td> </tr>
</table>
</body>
</html>
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论