使用HTML&CSS创建一个网页课程表

整体布局

对于课程表，其实就是一个表格，其中加入CSS样式。
因此，我们先创建一个九行八列的表格（以我的课表为例）。

<table border="1">
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    ...<!--这里省略7对<td> </td> -->
  </tr>
  ...<!--这里省略7对<tr> </tr> -->
</table>

加入表头数据

在第一行第一列加入内容，这个时候就是一张数据为空的表

<table border="1" cellpadding="20" cellspacing="0">
    <tr class="head">
      <td>节次/周次</td>
      <td>星期一</td>
      <td>星期二</td>
      <td>星期三</td>
      <td>星期四</td>
      <td>星期五</td>
      <td>星期六</td>
      <td>星期天</td>
    </tr>
    <tr>
      <td class="_1234">第一节</td>
      <td> </td>
      ...
      </tr>
      ...

合并上下单元格并加入课表信息

rowspan属性：合并上下单元格
rowspan=2的意思就是这个单元格上下连跨了2格,
合并单元格之后，相应的单元格标记就会减少，例如这里第二节星期二单元格的和标记就要被去掉了。如果不去掉，将出现以下的情况。

<tr>
      <td class="_1234">第一节</td>
      <td> </td>
      <td class=course rowspan="2">数据结构<br>教师：张*<br></td>
      <td class=course rowspan="2">大学英语3<br>教师：陈*<br></td>
      <td class=course rowspan="2">面向对象程序设计&#x