html代码导航演示

  1.  <ul>
  2.         <li><a href="https://www.php.cn/course/1396.html"><img src="https://img.php.cn/upload/course/000/000/068/625e52df2dd4f914.jpg" alt="200" width="200"></a></li>
  3.     </ul>
  4.     <ul>
  5.         <li><a href="https://www.php.cn/course/1407.html"><img src="https://img.php.cn/upload/course/000/000/001/624e4c82a65d0931.jpg" alt="200" width="200"></a></li>
  6.     </ul>
  7.     <ul>
  8.         <li><a href="https://www.php.cn/course/1422.html"><img src="https://img.php.cn/upload/course/000/000/001/6296df1d179f3127.png" alt="200" width="200"></a></li>

效果图

课程表代码演示

  1. <table style="text-align:center" border="2" align="center" width="700" height="500" cellspacing="0" cellpadding="5">
  2.         <caption><h2>课程表</h2></caption>
  3.         <thead>
  4.             <tr>
  5.                 <th colspan="2">时间</th>
  6.                 <th>星期一</th>
  7.                 <th>星期二</th>
  8.                 <th>星期三</th>
  9.                 <th>星期四</th>
  10.                 <th>星期五</th>
  11.             </tr>
  12.         </thead>
  13.             <tbody>
  14.                 <tr>
  15.                     <td colspan="2" rowspan="4" style="background-color: lawngreen;">上午8:00-12:00</td>
  16.                     <td>语文</td>
  17.                     <td>语文</td>
  18.                     <td>语文</td>
  19.                     <td>语文</td>
  20.                     <td>语文</td>
  21.                 </tr>
  22.                 <tr>
  23.                     <td>语文</td>
  24.                     <td>语文</td>
  25.                     <td>语文</td>
  26.                     <td>语文</td>
  27.                     <td>语文</td>
  28.                 </tr>
  29.                 <tr>
  30.                     <td>语文</td>
  31.                     <td>语文</td>
  32.                     <td>语文</td>
  33.                     <td>语文</td>
  34.                     <td>语文</td>
  35.                 </tr>
  36.                 <tr>
  37.                     <td>语文</td>
  38.                     <td>语文</td>
  39.                     <td>语文</td>
  40.                     <td>语文</td>
  41.                     <td>语文</td>
  42.                 </tr>
  43.                 <tr>
  44.                     <td colspan="9" style="background-color: hotpink;">午休（12:00~14:00）</td>
  45.                 </tr>
  46.                 <tr>
  47.                     <td colspan="2" rowspan="3" style="background-color:hotpink;">下午14:00-17:00</td>
  48.                     <td>语文</td>
  49.                     <td>语文</td>
  50.                     <td>语文</td>
  51.                     <td>语文</td>
  52.                     <td>语文</td>
  53.                 </tr>
  54.                 <tr>
  55.                     <td>语文</td>
  56.                     <td>语文</td>
  57.                     <td>语文</td>
  58.                     <td>语文</td>
  59.                     <td>语文</td>
  60.                 </tr>
  61.                 <tr>
  62.                     <td>语文</td>
  63.                     <td>语文</td>
  64.                     <td>语文</td>
  65.                     <td>语文</td>
  66.                     <td>语文</td>
  67.                 </tr>
  68.         </tbody>
  69.         <tfoot>
  70.             <tr>
  71.                 <td style="background-color: greenyellow;">
  72.                     <a >晚自习20：00</a>
  73.                 </td>
  74.                 <td colspan="6" style="background-color: lightcyan;">自行在家晚自习，家长监督。</td>
  75.             </tr>
  76.         </tfoot>
  77.     </table>

效果图

更多相关文章

  1. 图文列表导航组件以及表格制作
  2. 图片列表导航（附table课程表表格）
  3. 0704作业提交
  4. Android中Style和Theme的使用总结
  5. Android中Style和Theme的使用
  6. html制作课程表格代码（用HTML5标签设计课程表）
  7. 7 android 星级滑块
  8. Android(安卓)日期时间选择器
  9. android自定义ProgressBar

随机推荐

  1. 1.docker介绍安装，镜像管理，通过容器、模板
  2. 从零单排学Redis【铂金二】
  3. 华为帐号服务升级，助力应用快速验证用户身
  4. 100道Java并发和多线程基础面试题大集合（
  5. Real World CTF 2020 DBaaSadge Writeup
  6. 外行人都能看得懂的机器学习，错过了血亏！
  7. 周末推荐阅读【第二弹】
  8. 从零单排学Redis【白银】
  9. GraphObject继承的类包括:Shape、TextBlo
  10. 从零单排学Redis【黄金】