Community Learn Tools Library Leisure
search
English
Home > List of blog posts > 图文列表和课程表
Blogger Information
Blog 19
fans 0
comment 0
visits 9858
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
图文列表和课程表
newbie
Original
462 people have browsed it

1.图文列表

  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>
  9. </head>
  10. <body>
  11.     <style type="text/css">
  12.         li{
  13.             list-style: none;
  14.             margin: 0;
  15.             padding: 1px;;
  16.             float: left;
  17.             width: 30%;
  18.             height: 30%;
  19.         }
  20.         p{
  21.             margin: 0 auto;
  22.             text-align: center;
  24.         }
  25.     </style>
  26.     <ul>
  27.         <li>
  28.             <a><img src="https://www.php.cn/static/images/examples/phpkjkf.png" alt="一张图片"></a>
  29.             <p><a href="#">一张图片</a></p>
  30.         </li>
  31.         <li>
  32.             <a><img src="https://www.php.cn/static/images/examples/phpkjkf.png" alt="一张图片"></a>
  33.             <p><a href="#">一张图片</a></p>
  34.         </li>
  35.         <li>
  36.             <a><img src="https://www.php.cn/static/images/examples/phpkjkf.png" alt="一张图片"></a>
  37.             <p><a href="#">一张图片</a></p>
  38.         </li>
  39.     </ul>
  40. </body>
  41. </html>

图文列表截图

2.课程表

课程表截图

代码

  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>
  11.     <table border="1px" cellpadding="0" cellspacing="0" style="margin:0 auto; width:600px; text-align: center;line-height: 20px; border-color: blue;">
  13.         <tbody >
  14.             <h1 style="margin: 0 auto; text-align: center;">苏州市常清中学七年级课程表</h1>
  15.             <tr>
  16.                 <th>时间</th>
  17.                 <th>周一</th>
  18.                 <th>周二</th>
  19.                 <th>周三</th>
  20.                 <th>周四</th>
  21.                 <th>周五</th>
  22.             </tr>        
  23.                 <tr> 
  24.                     <td rowspan="4">上午</td>
  25.                     <td>英语</td>
  26.                     <td>语文</td>
  27.                     <td>语文</td>
  28.                     <td>历史</td>
  29.                     <td>体育</td>
  30.                 </tr>
  31.                 <tr>
  33.                     <td>数学</td>
  34.                     <td>物理</td>
  35.                     <td>物理</td>
  36.                     <td>生物</td>
  37.                     <td>历史</td>
  38.                 </tr>
  39.                 <tr>
  41.                     <td>英语</td>
  42.                     <td>数学</td>
  43.                     <td>政治</td>
  44.                     <td>语文</td>
  45.                     <td>音乐</td>
  46.                 </tr>
  47.                 <tr>
  49.                     <td>语文</td>
  50.                     <td>英语</td>
  51.                     <td>化学</td>
  52.                     <td>数学</td>
  53.                     <td>语文</td>
  54.                 </tr>
  55.                 <tr>
  56.                     <td colspan="6">午休 （11:30~14:00）</td>
  57.                 </tr>
  58.                 <tr>
  59.                     <td rowspan="4">下午</td>
  60.                     <td>数学</td>
  61.                     <td>化学</td>
  62.                     <td>物理</td>
  63.                     <td>生物</td>
  64.                     <td>历史</td>
  65.                 </tr>
  66.                 <tr>
  67.                     <td>物理</td>
  68.                     <td>语文</td>
  69.                     <td>英语</td>
  70.                     <td>政治</td>
  71.                     <td>英语</td>
  73.                 </tr>
  74.                 <tr>
  75.                     <td>化学</td>
  76.                     <td>语文</td>
  77.                     <td>语文</td>
  78.                     <td>英语</td>
  79.                     <td>数学</td>
  81.                 </tr>
  82.                 <tr>
  83.                     <td>政治</td>
  84.                     <td>体育</td>
  85.                     <td>历史</td>
  86.                     <td>体育</td>
  87.                     <td>自习</td>
  89.                 </tr>
  90.                 <tr>
  91.                     <td>备注</td>
  92.                     <td colspan="5">因疫情防控需要 所有学生在家网课</td>
  95.                 </tr>
  97.         </tbody>
  98.     </table>
  99. </body>
  100. </html>
Correcting teacher：PHPzPHPz

Correction status：qualified

Teacher's comments：
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post