1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>Document</title>
  8. </head>
  9. <body>
  10.   <!-- *作业：课程表 -->
  11.    <!-- *表头：table>thead>th*6 回车或tab键 -->
  12.    <table border="1" width="400">
  13.        <caption>广州市文德路小学六年级课程表</caption>
  14.        <thead>
  15.            <th>时间</th>
  16.            <th >周一</th>
  17.            <th>周二</th>
  18.            <th>周三</th>
  19.            <th>周四</th>
  20.            <th>周五</th>
  21.        </thead>
  22.         <!-- *表体（八行六列）：tbody>tr*8>td{数学}*6 tab键 -->
  23.         <tbody>
  24.             <tr>
  25.                 <td rowspan="4" bgcolor="lightgreen">上午</td>
  26.                 <td>数学</td>
  27.                 <td>语文</td>
  28.                 <td>语文</td>
  29.                 <td>英语</td>
  30.                 <td>体育</td>
  31.             </tr>
  32.             <tr>
  33.                 <td>语文</td>
  34.                 <td>法制</td>
  35.                 <td>科学</td>
  36.                 <td>数学</td>
  37.                 <td>数学</td>
  38.             </tr>
  39.             <tr>
  40.                 <td>音乐</td>
  41.                 <td>语文</td>
  42.                 <td>英文</td>
  43.                 <td>电脑</td>
  44.                 <td>数学</td>
  45.             </tr>
  46.             <tr>
  47.                 <td>数学</td>
  48.                 <td>数学</td>
  49.                 <td>语文</td>
  50.                 <td>语文</td>
  51.                 <td>音乐</td>
  52.             </tr>
  53.             <tr>
  54.                 <td colspan="6" align="center">中午休息</td>
  55.             </tr>
  56.             <tr>
  57.                 <td rowspan="3" bgcolor="lightgreen">下午</td>
  58.                 <td>数学</td>
  59.                 <td>语文</td>
  60.                 <td>英语</td>
  61.                 <td>数学</td>
  62.                 <td>数学</td>
  63.             </tr>
  64.             <tr>
  65.                 <td>数学</td>
  66.                 <td>数学</td>
  67.                 <td>数学</td>
  68.                 <td>数学</td>
  69.                 <td>数学</td>
  70.             </tr>
  71.             <tr>
  72.                 <!-- <td>数学</td> -->
  73.                 <td>英语</td>
  74.                 <td>数学</td>
  75.                 <td>数学</td>
  76.                 <td>数学</td>
  77.                 <td>数学</td>
  78.             </tr>
  79.         </tbody>
  80.         <!-- *表尾（页脚）：tfoot>tr>td{x}*6 按tab键 -->
  81.         <tfoot>
  82.             <tr>
  83.                 <td>备注</td>
  84.                 <td colspan="5" align="center">每天下午15：30-17：30在校写完作业才可回家</td>
  85.             </tr>
  86.         </tfoot>
  87.    </table>
  88. </body>
  89. </html>

更多相关文章

  1. 2022年PHP学习课程表-表格与图文列表
  2. 图文列表导航组件以及表格制作
  3. 图片列表导航（附table课程表表格）
  4. 0704作业提交
  5. html制作课程表格代码（用HTML5标签设计课程表）
  6. CSS:表格的常用样式-复习
  7. 常用数组函数学习
  8. 图文列表与课程表的演示
  9. 字符串处理函数学习小结

随机推荐

  1. IDEA常用设置及推荐插件
  2. 又踩到Dubbo的坑，但是这次我笑不出来
  3. mall架构及功能概览
  4. mall学习所需知识点
  5. mall整合Elasticsearch实现商品搜索
  6. mall整合SpringBoot+MyBatis搭建基本骨架
  7. mall整合Mongodb实现文档操作
  8. mall整合Swagger-UI实现在线API文档
  9. mall整合Redis实现缓存功能
  10. mall整合RabbitMQ实现延迟消息