ASCII码 ASCII码

图文列表与课程表

发布于：2022-03-19 10:44:07  栏目：技术文档

图文列表

图文列表案例

图文列表代码
  1. php <ul class="nva" style="display: flex; list-style: none">
  2.       <li class="itme">
  3.         <a href="https://www.2345.com"><img src="img/erji1.jpg" alt="dog" /></a
  4.         ><br />
  5.         <a>商品1</a>
  6.       </li>
  7.       <li class="itme">
  8.         <a href="https://www.hao123.com"
  9.           ><img src="img/erji2.jpg" alt="cat"
  10.         /></a>
  11.         <br />
  12.         <a style="">商品2</a>
  13.       </li>
  14.       <li class="itme">
  15.         <a href="https://www.baidu.com"
  16.           ><img src="img/erji5.png" alt="duck"
  17.         /></a>
  18.         <br />
  19.         <a style="">商品3</a>
  20.       </li>
  21.     </ul>
图文示例

122

课程表

图文列表代码
  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>Document</title>
  8.   </head>
  9.   <body>
  10.     <table border="1" width="400">
  11.       <caption><h3>光谷一小课程表</h3>
  13.       </caption>
  14.       <!-- 表头 thead-->
  15.       <thead>
  16.         <tr>
  17.           <th>分类</th>
  18.           <th>第几节课</th>
  19.           <th>星期一</th>
  20.           <th>星期二</th>
  21.           <th>星期三</th>
  22.           <th>星期四</th>
  23.           <th>星期五</th>
  24.         </tr>
  25.       </thead>
  27.       <!-- 主体 tody-->
  28.       <body>
  29.           <tr>
  30.               <td rowspan="4">上午</td>
  31.               <td>1</td>
  32.               <td>1</td>
  33.               <td>1</td>
  34.               <td>1</td>
  35.               <td>1</td>
  36.               <td>1</td>
  37.           </tr>
  38.           <tr>
  39.               <td>1</td>
  40.               <td>1</td>
  41.               <td>1</td>
  42.               <td>1</td>
  43.               <td>1</td>
  44.               <td>1</td>
  46.           </tr>
  47.           <tr>
  48.               <td>1</td>
  49.               <td>1</td>
  50.               <td>1</td>
  51.               <td>1</td>
  52.               <td>1</td>
  53.               <td>1</td>
  55.           </tr>
  56.           <tr>
  57.               <td>1</td>
  58.               <td>1</td>
  59.               <td>1</td>
  60.               <td>1</td>
  61.               <td>1</td>
  62.               <td>1</td>
  64.           </tr>
  65.           <tr>
  66.               <td colspan="1">午休</td>
  67.               <td colspan="8"></td>
  70.           </tr>
  71.           <tr>
  72.               <td rowspan="4">下午</td>
  73.               <td>1</td>
  74.               <td>1</td>
  75.               <td>1</td>
  76.               <td>1</td>
  77.               <td>1</td>
  78.               <td>1</td>
  80.           </tr>
  81.           <tr>
  82.               <td>1</td>
  83.               <td>1</td>
  84.               <td>1</td>
  85.               <td>1</td>
  86.               <td>1</td>
  87.               <td>1</td>
  89.           </tr>
  90.           <tr>
  91.               <td>1</td>
  92.               <td>1</td>
  93.               <td>1</td>
  94.               <td>1</td>
  95.               <td>1</td>
  96.               <td>1</td>
  98.           </tr>
  99.           <tr>
  100.               <td>1</td>
  101.               <td>1</td>
  102.               <td>1</td>
  103.               <td>1</td>
  104.               <td>1</td>
  105.               <td>1</td>
  107.           </tr>
  108.       </body>
  111.       </tfoot>
  112.     </table>
  114.   </body>
  115. </html>

表格示例

相关推荐
阅读 +

© 2020 asciim码

人生就是一场修行