图片列表

代码

  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>图片列表</title>
  8.     <style type="text/css">
  9.       ul,
  10.       li {
  11.         list-style: none;
  12.         padding: 0 20px;
  13.       }
  14.     </style>
  15.   </head>
  16.   <body>
  17.     <div class="list">
  18.       <ul style="display: flex; text-align: center">
  19.         <li>
  20.           <p>
  21.             <a href="https://www.php.cn"><img src="static/images/img22.jpg" width="200" alt=""/></a>
  22.           </p>
  23.           <p><a href="https://www.php.cn"></a></p>
  24.         </li>
  25.         <li>
  26.           <p>
  27.             <a href="https://www.php.cn"><img src="static/images/img23.jpg" width="200" alt=""/></a>
  28.           </p>
  29.           <p><a href="https://www.php.cn"></a></p>
  30.         </li>
  31.         <li>
  32.           <p>
  33.             <a href="https://www.php.cn"><img src="static/images/img24.jpg" width="200" alt=""/></a>
  34.           </p>
  35.           <p><a href="https://www.php.cn"></a></p>
  36.         </li>
  37.       </ul>
  38.     </div>
  39.   </body>
  40. </html>

截图

课程表

代码

  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>课程表</title>
  8.   </head>
  9.   <body>
  10.     <table border="1" width="450" cellspacing="0" cellpadding="5" align="center">
  11.       <caption>
  12.         <h3>武汉第一小学六年级课程表</h3>
  13.       </caption>
  14.       <thead bgcolor="#e5e5e5">
  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="#e7f7f7">上午</td>
  28.           <td>数学</td>
  29.           <td>语文</td>
  30.           <td>语文</td>
  31.           <td>英语</td>
  32.           <td>体育</td>
  33.         </tr>
  34.         <tr>
  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.         </tr>
  48.         <tr>
  49.           <td>数学</td>
  50.           <td>数学</td>
  51.           <td>语文</td>
  52.           <td>语文</td>
  53.           <td>音乐</td>
  54.         </tr>
  55.       </tbody>
  56.       <!-- 中午 -->
  57.       <tbody>
  58.         <tr align="center">
  59.           <td colspan="6">中午休息</td>
  60.         </tr>
  61.       </tbody>
  62.       <!-- 下午 -->
  63.       <tbody>
  64.         <tr>
  65.           <td rowspan="3" bgcolor="#e7f7f7">下午</td>
  66.           <td>数学</td>
  67.           <td>语文</td>
  68.           <td>英语</td>
  69.           <td>数学</td>
  70.           <td>数学</td>
  71.         </tr>
  72.         <tr>
  73.           <td>数学</td>
  74.           <td>数学</td>
  75.           <td>数学</td>
  76.           <td>数学</td>
  77.           <td>数学</td>
  78.         </tr>
  79.         <tr>
  80.           <td>英语</td>
  81.           <td>数学</td>
  82.           <td>数学</td>
  83.           <td>数学</td>
  84.           <td>数学</td>
  85.         </tr>
  86.       </tbody>
  87.       <!-- 表尾 -->
  88.       <tfoot align="center" bgcolor="#e5e5e5">
  89.         <tr>
  90.           <td>备注:</td>
  91.           <td colspan="5">每天下午15:30-17:30在校写完作业才可回家</td>
  92.         </tr>
  93.       </tfoot>
  94.     </table>
  95.   </body>
  96. </html>

截图

更多相关文章

  1. 12月22日课程表作业
  2. 表格与表单
  3. JS初识变量及函数学习
  4. 一个简易的课程表和注册表单
  5. 前端html基础知识之图片/链接/列表和表单
  6. 表格和表单的应用
  7. Table及Form表单
  8. html常用标签之表格、表单的学习
  9. 用table做课程表、用表单做注册界面

随机推荐

  1. asp.net之ExceptionFilter过滤器
  2. 极客学院ASP.NET视频教程的资料推荐
  3. C#动态数据绘图graphic的实现方法介绍
  4. asp.net教程之sql server转换成oracle的
  5. 关于C#视频教程的资源分享
  6. C#如何连接到sql server2008数据库的示例
  7. localStorge开发实现登录记住密码与自动
  8. C#如何使用ILGenerator实现动态生成函数
  9. 极客学院C#视频教程的资料推荐
  10. asp.net之ActionFilter过滤器