简单网页课表制作

效果图: 

代码如下: 

<!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 />
        xxx<br />
        xxx楼<br />
        xxx<br />
        4-18周上(1-2节)
    </td>
    <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 />
        xxx<br />
        xxx楼<br />
        xxx<br />
        4-8周上(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">英语听力(三)<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 align="center">第<br />十<br />一<br />节</td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/qq_40678222/article/details/82777108