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.     <table
  11.       border="1"
  12.       width="80%"
  13.       align="center"
  14.       cellspacing="0"
  15.       cellpadding="10"
  16.       style="line-height: 30px; text-align: center"
  17.     >
  18.       <caption style="font-weight: bold; padding: 10px 0; font-size: 18px">
  19.         合肥市南门小学五(三)班课程表
  20.       </caption>
  21.       <!-- 优化表头 -->
  22.       <thead>
  23.         <tr style="background: lightblue; font-weight: bold">
  24.           <th>时间</th>
  25.           <th>星期一</th>
  26.           <th>星期二</th>
  27.           <th>星期三</th>
  28.           <th>星期四</th>
  29.           <th>星期五</th>
  30.         </tr>
  31.       </thead>
  32.       <tbody align="center">
  33.         <tr>
  34.           <td rowspan="3" bgcolor="#4646ff">上午</td>
  35.           <td>语文</td>
  36.           <td>数学</td>
  37.           <td>音乐</td>
  38.           <td>体育</td>
  39.           <td>英语</td>
  40.         </tr>
  41.         <tr>
  42.           <!-- <td></td> -->
  43.           <td>语文</td>
  44.           <td>数学</td>
  45.           <td>音乐</td>
  46.           <td>体育</td>
  47.           <td>英语</td>
  48.         </tr>
  49.         <tr>
  50.           <!-- <td></td> -->
  51.           <td>语文</td>
  52.           <td>数学</td>
  53.           <td>音乐</td>
  54.           <td>体育</td>
  55.           <td>英语</td>
  56.         </tr>
  57.         <tbody>
  58.             <tr>
  59.                 <!-- <td></td> -->
  60.                 <td bgcolor="lightgrey" colspan="6">中午休息</td>
  61.                 <!-- <td></td>
  62.                   <td></td>
  63.                   <td></td>
  64.                   <td></td> -->
  65.               </tr>
  66.         </tbody>
  67.         <tr>
  68.           <td rowspan="2" bgcolor="#4646ff">下午</td>
  69.           <td>语文</td>
  70.           <td>数学</td>
  71.           <td>音乐</td>
  72.           <td>体育</td>
  73.           <td>英语</td>
  74.         </tr>
  75.         <tr>
  76.           <!-- <td></td> -->
  77.           <td>语文</td>
  78.           <td>数学</td>
  79.           <td>音乐</td>
  80.           <td>体育</td>
  81.           <td>英语</td>
  82.         </tr>
  83.         <tr style="background: chartreuse">
  84.           <td>备注：</td>
  85.           <td colspan="5">每天下午16:00 - 17:00，写完作业再回家</td>
  86.           <!-- <td></td>
  87.             <td></td>
  88.             <td></td>
  89.             <td></td> -->
  90.         </tr>
  91.       </tbody>
  92.     </table>
  93.   </body>
  94. </html>

最终呈现如图：

更多相关文章

  1. DAY02-html表格和表单的实例应用（课程排期表和用户注册信息表）
  2. 表格、表单以及简单的地图显示(iframe)
  3. 学自然语言处理，其实更应该学好英语
  4. html制作一张课程表和用户注册表单
  5. 合肥市南门小学五（三）班课程表
  6. 论学习资源的重要性
  7. 关于表格和表单的简易写法
  8. html基础:table入门
  9. 第二课 课程表与注册表单

随机推荐

  1. Android中shape中的属性大全
  2. Android 秒表分析源码
  3. Android studio SweetAlert for Android
  4. android将EditText设置为只可点击 不弹出
  5. Android 瀑布流 Demo
  6. Android实现自定义顶部标题栏
  7. android gradle编译 多个flavor中加载不
  8. 在Android上使用XML
  9. Android等宽字体
  10. android系统长按的定义