ASCII码 ASCII码

图文列表+课程表

发布于：2022-03-18 10:11:40  栏目：技术文档

图片列表

代码

  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="PHP中文网"/></a>
  22.           </p>
  23.           <p><a href="https://www.php.cn">PHP中文网</a></p>
  24.         </li>
  25.         <li>
  26.           <p>
  27.             <a href="https://www.php.cn"><img src="static/images/img23.jpg" width="200" alt="PHP中文网"/></a>
  28.           </p>
  29.           <p><a href="https://www.php.cn">PHP中文网</a></p>
  30.         </li>
  31.         <li>
  32.           <p>
  33.             <a href="https://www.php.cn"><img src="static/images/img24.jpg" width="200" alt="PHP中文网"/></a>
  34.           </p>
  35.           <p><a href="https://www.php.cn">PHP中文网</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>

截图

相关推荐
阅读 +

© 2020 asciim码

人生就是一场修行