search

博客列表 >图文列表和表格（课程表）

图文列表和表格（课程表）

啊℃。㏄
啊℃。㏄原创
2022年03月18日 06:36:20448浏览

图文列表

  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.     <ul class="nav" style="display: flex; text-align: center;">
  11.         <p>
  12.         <li class="item" ><a href="http://baidu.com"><img src="static/xiaobaitu.webp" alt=""></a>
  13.         </p>
  14.         <a href="" >小白兔</a>
  15.         </li>
  16.         &nbsp;&nbsp;
  17.         <p>
  18.         <li class="item"><a href="http://baidu.com"><img src="static/xiaobaitu.webp" alt=""></a>
  19.         </p>
  20.         <a href="">小白兔</a>
  21.         </li>
  22.         &nbsp;&nbsp;
  23.         <p></p>
  24.         <li class="item"><a href="http://baidu.com"><img src="static/xiaobaitu.webp" alt=""></a>
  25.         </p>
  26.         <a href="">小白兔</a>
  27.         </li>
  28.         &nbsp;&nbsp;
  29.     </ul>
  30. </body>
  31. </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" align="center" width="400" cellspacing="1" >
  11.         <caption>
  12.             <h3>全国小学生统一课程表</h3>
  13.         </caption>
  14.             <!-- 表头 -->
  15.             <thead bgcolor="#eeeee">
  16.                 <tr>
  17.                     <th>时间</th>
  18.                     <th>周一</th>
  19.                     <th>周二</th>
  20.                     <th>周三</th>
  21.                     <th>周四</th>
  22.                     <th>周五</th>
  23.                 </tr>
  24.             </thead>
  25.             <!-- 主体 -->
  26.             <!-- 上午 -->
  27.             <tbody>
  28.                 <tr>
  29.                     <td rowspan="4" align="center" bgcolor="#e1eeee" >上午</td>
  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.                     <td>数学</td>
  43.                 </tr>
  44.                 <tr>
  45.                     <!-- <td></td> -->
  46.                     <td>数学</td>
  47.                     <td>体育</td>
  48.                     <td>英语</td>
  49.                     <td>英语</td>
  50.                     <td>语文</td>
  51.                 </tr>
  52.                 <tr>
  53.                     <!-- <td></td> -->
  54.                     <td>英文</td>
  55.                     <td>语文</td>
  56.                     <td>数学</td>
  57.                     <td>数学</td>
  58.                     <td>英语</td>
  59.                 </tr>
  60.                 <!-- 中午 -->
  61.                 <tr align="center" bgcolor="#eeeee">
  62.                     <td colspan="6">中午休息（12：00-14：00）</td>
  63.                 </tr>
  64.                 <!-- 下午 -->
  65.                 <tr>
  66.                     <td rowspan="3" align="center" bgcolor="#e1eeee">下午</td>
  67.                     <td>数学</td>
  68.                     <td>语文</td>
  69.                     <td>英语</td>
  70.                     <td>数学</td>
  71.                     <td>语文</td>
  72.                 </tr>
  73.                 <tr>
  74.                     <!-- <td></td> -->
  75.                     <td>语文</td>
  76.                     <td>数学</td>
  77.                     <td>英语</td>
  78.                     <td>英语</td>
  79.                     <td>语文</td>
  80.                 </tr>
  81.                 <tr>
  82.                     <!-- <td></td> -->
  83.                     <td>数学</td>
  84.                     <td>数学</td>
  85.                     <td>语文</td>
  86.                     <td>语文</td>
  87.                     <td></td>
  88.                 </tr>
  89.                 <!-- 表尾 -->
  90.                 <tfoot>
  91.                     <tr>
  92.                         <td colspan="6" align="center" bgcolor="#eeeee"> 放学回家</td>
  93.                     </tr>
  94.                 </tfoot>
  95.             </tbody>
  97.     </table>
  98. </body>
  99. </html>
上一条：表格标签演示之课程表下一条：VSCode 搭建与配置图文详解、Markdown 基础知识、HTML5入手初体验
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议