使用table实现一个课程表_table课程表-CSDN博客

本文链接：https://blog.csdn.net/qq_42307546/article/details/129228650

这是一个用HTML编写的课程表，包含了星期一至星期五的课程安排，分为上午和下午时段，还有午休时间。表格设计使用了不同的背景色来区分不同部分，便于视觉识别。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<table width="976px" border="1" cellspacing="0">
  <caption style="background-color:#73b9a2">课程表</caption>
  <tr>
  <td colspan="3" style=" height:45;background-color:#ef5b9c"> 姓名： </td>


  <td style="text-align:center;height:45px;background-color:#ef5b9c" colspan="3"> 班级: </td>
  </tr>
  <tr style="height:45">
    <td  style="text-align:center;height:45;background-color:#4e72b8">星期</td>
    <td style="text-align:center;background-color:#4e72b8">一</td>
    <td style="text-align:center;background-color:#4e72b8">二</td>
    <td style="text-align:center;background-color:#4e72b8">三</td>
    <td style="text-align:center;background-color:#4e72b8">四</td>
    <td style="text-align:center;background-color:#4e72b8">五</td>
  </tr>
  <tr>
    <td style="height:180px;background-color:#f15b6c;text-align:center" rowspan="4">上
      <br>
       <br>
       <br>

      午</td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td style="text-align:center;background-color:#7fb80e" colspan="6">下午</td>
  </tr>
  <tr>
    <td style=" height:135px;text-align:center;background-color:#f47920" rowspan="3">午休</td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>

 </table>


</body>
</html>

在这里插入图片描述