效果图

代码如下

  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport"
  6.           content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  7.     <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8.     <title>Document</title>
  9. </head>
  10. <body>
  11. <style>
  13. </style>
  14.   <table border="1" width="70%" cellpadding="0" cellspacing="0">
  15.       <caption>
  16.           课程表
  17.       </caption>
  18.     <thead>
  19.     <tr>
  20.         <th>时间</th>
  21.         <th colspan="2">8:30 - 12：00</th>
  22.         <th colspan="2">13:00 - 17:00</th>
  23.     </tr>
  24.     </thead>
  25.     <tbody>
  26.     <tr align="center">
  27.         <td rowspan="2" bgcolor="skyblue">上午</td>
  28.         <td>HTML</td>
  29.         <td>朱老师</td>
  30.         <td>PHP</td>
  31.         <td>西门老师</td>
  32.     </tr>
  33.     <tr align="center">
  35.         <td>JAVA</td>
  36.         <td>小红</td>
  37.         <td>JAVASCRIPT</td>
  38.         <td>倩倩</td>
  39.     </tr>
  40.     <tr align="center">
  41.         <td colspan="5">午休时间</td>
  42.     </tr>
  43.     </tbody>
  44.     <tfooter>
  45.         <tr bgcolor="lightcyan">
  46.             <td>请注意：</td>
  47.             <td colspan="4" align="center">课后按时完成作业</td>
  48.         </tr>
  49.     </tfooter>
  50.   </table>
  53. </body>
  54. </html>

更多相关文章

  1. html制作table
  2. Mozilla正在修改Firefox UI，计划5月份公布新设计
  3. js之数组对象与访问器
  4. 融云升级到到5.0报错 使用 pod ，从4.x版本升级到 5.x，写法和报错如
  5. 1209表单
  6. 1209列表元素
  7. cl_salv_table demo
  8. android 画廊效果（中间大两边小）的无限轮播banner
  9. Android-DialogFragment快速指南

随机推荐

  1. Spring Ioc 实例化 Bean 对象有几种方式？
  2. Springboot实现定时任务
  3. 纳税服务系统总结
  4. array must be initialized with a brace
  5. 冒泡排序就这么简单
  6. Springboot实现文件上传下载
  7. 每日学习-ansible firewalld模块
  8. 整理了一套Servlet面试题
  9. 选择排序就这么简单
  10. MyBatis之properties配置