图文列表

  1.     <ul class="nav" style="display: flex; list-style: none">
  2.         <li class="item">
  3.             <a href="https://www.163.com"><img src="static/images/163.jpg" alt="" /></a>
  4.             <a href="https://www.163.com">图文列表一</a>
  5.         </li>
  6.         &nbsp;&nbsp;
  7.         <li class="item">
  8.             <a href="https://www.qq.com"><img src="static/images/qq.jpg" alt="" /></a>
  9.             <a href="https://www.qq.com">图文列表二</a>
  10.         </li>
  11.         &nbsp;&nbsp;
  12.         <li class="item">
  13.             <a href="https://www.sina.com.cn"><img src="static/images/sina.jpg" alt="" /></a>
  14.             <a href="https://www.sina.com.cn">图文列表三</a>
  15.         </li>
  16.     </ul>

课程表

  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  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>课程表</title>
  8. </head>
  9. <body>
  10.     <table border="1" width="450" cellspacing="0" cellpadding="5" align="center">
  11.         <caption>
  12.             <h2>课&nbsp;程&nbsp;表</h2>
  13.         </caption>
  14.         <thead bgcolor="#7ecef4">
  15.             <tr>
  16.                 <th>时间</th>
  17.                 <th>周一</th>
  18.                 <th>周二</th>
  19.                 <th>周三</th>
  20.                 <th>周四</th>
  21.                 <th>周五</th>
  22.             </tr>
  23.         </thead>
  24.         <!-- 上午 -->
  25.         <tbody>
  26.             <tr>
  27.                 <td rowspan="4" bgcolor="#80c269">上&nbsp;午</td>
  28.                 <td>PHP</td>
  29.                 <td>PHP</td>
  30.                 <td>PHP</td>
  31.                 <td>PHP</td>
  32.                 <td>PHP</td>
  33.             </tr>
  34.             <tr>
  35.                 <td>HTML5</td>
  36.                 <td>HTML5</td>
  37.                 <td>HTML5</td>
  38.                 <td>HTML5</td>
  39.                 <td>HTML5</td>
  40.             </tr>
  41.             <tr>
  42.                 <td>CSS</td>
  43.                 <td>CSS</td>
  44.                 <td>CSS</td>
  45.                 <td>CSS</td>
  46.                 <td>CSS</td>
  47.             </tr>
  48.             <tr>
  49.                 <td>JS</td>
  50.                 <td>JS</td>
  51.                 <td>JS</td>
  52.                 <td>JS</td>
  53.                 <td>JS</td>
  54.             </tr>
  55.         </tbody>
  56.         <!-- 中午 -->
  57.         <tbody>
  58.             <tr align="center">
  59.                 <td colspan="6" bgcolor="#ff0000">午&nbsp;&nbsp;饭</td>
  60.             </tr>
  61.         </tbody>
  62.         <!-- 下午 -->
  63.         <tbody>
  64.             <tr>
  65.                 <td rowspan="3" bgcolor="#f19ec2">下&nbsp;午</td>
  66.                 <td>PHP</td>
  67.                 <td>HTML5</td>
  68.                 <td>CSS</td>
  69.                 <td>JS</td>
  70.                 <td>框架</td>
  71.             </tr>
  72.             <tr>
  73.                 <td>PHP</td>
  74.                 <td>HTML5</td>
  75.                 <td>CSS</td>
  76.                 <td>JS</td>
  77.                 <td>框架</td>
  78.             </tr>
  79.             <tr>
  80.                 <td>PHP</td>
  81.                 <td>HTML5</td>
  82.                 <td>CSS</td>
  83.                 <td>JS</td>
  84.                 <td>框架</td>
  85.             </tr>
  86.         </tbody>
  87.         <!-- 表尾 -->
  88.         <tfoot align="center" bgcolor="#ffff00">
  89.             <tr>
  90.                 <td>一周计划:</td>
  91.                 <td colspan="5">每天都要写完作业才能睡觉。</td>
  92.             </tr>
  93.         </tfoot>
  94.     </table>
  95. </body>
  96. </html>

更多相关文章

  1. PyCharm的基本设置【图文详细讲解】
  2. 图文详解laravel多对多关联模型
  3. 图文详解laravel多对多关联模型
  4. Android图文识别
  5. 谷歌开发工具Android(安卓)Studio安装使用图文教程
  6. 12月22日课程表作业
  7. 开发环境下载及设置（图文教程）
  8. table课程表，用户注册模板，内联框架实现后台
  9. 一个简易的课程表和注册表单

随机推荐

  1. 必看！TP6验证码验证失败的原因及解决方法
  2. PHP生成器yield处理大量数据业务（代码示例
  3. php实时推送系统消息给客户端的原理及详
  4. 分分钟搞定PHP的self关键字
  5. PHP+jQuery实现中国地图热点数据统计展示
  6. PHP钩子机制原理及详解
  7. PHP生成有背景的二维码图片（代码示例）
  8. 分享学好PHP的几个重要心得
  9. Pimple运行流程浅析（PHP容器）
  10. 在PHP中进行会话处理（代码详解）