HTML5实现细线课程表

最新推荐文章于 2024-07-16 16:31:23 发布

winnercc

最新推荐文章于 2024-07-16 16:31:23 发布

阅读量4.8k

点赞数 3

分类专栏：前端开发文章标签： html5

本文链接：https://blog.csdn.net/u014140915/article/details/68600395

版权

前端开发专栏收录该内容

1 篇文章 0 订阅

订阅专栏

纯H5实现的细线课程表

详细代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
     <meta charset="utf-8">
</head>
<body>
     <table width="300" height="200"  bgcolor="green" cellspacing="1" align="center">
          <caption>课程表</caption>
          <tr bgcolor="white">
             <th colspan="2" width="60"></th>
             <th>星期一</th>
             <th>星期二</th>
             <th>星期三</th>
             <th>星期四</th>
             <th>星期五</th>
          </tr>
          <tr bgcolor="white">
              <td rowspan="2" width="50">上午</td>
              <td width="30">1</td>
              <td>语文</td>
              <td>数学</td>
              <td>物理</td>
              <td>化学</td>
              <td>生物</td>   
          </tr>
          <tr bgcolor="white">
              <td>2</td>
              <td>体育</td>
              <td>音乐</td>
              <td>几何</td>
              <td>画画</td>
              <td>舞蹈</td>   
          </tr>
          <tr bgcolor="white">
              <td rowspan="2">下午</td>
              <td>1</td>
              <td>体育</td>
              <td>画画</td>
              <td>音乐</td>
              <td>语文</td>
              <td>音乐</td>   
          </tr>
          <tr bgcolor="white">
             <td>2</td>
             <td>英语</td>
             <td>舞蹈</td>
             <td>体育</td>
             <td>唱歌</td>
             <td>体育</td>
          </tr>
     </table>
</body>
</html>