Community Learn Tools Library Leisure
search
English
Home > List of blog posts > 图片/链接/列表/表格-简单写法
Blogger Information
Blog 10
fans 0
comment 0
visits 5485
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
图片/链接/列表/表格-简单写法
土老帽
Original
403 people have browsed it

图片/链接/列表

  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.     <!-- 图片 -->
  12.     <img src="https://img.php.cn/upload/course/000/000/015/619c846558257945.jpg" alt="公益直播" />
  13.     <img src="https://img.php.cn/upload/course/000/000/048/6101014ce7756479.jpg" alt="Uniapp" />
  14.     <img src="https://img.php.cn/upload/course/000/000/015/61500a97859e7795.jpg" alt="通用后台管理" />
  16.     <!-- 链接 -->
  18.     <ul class="menu">
  19.       <li><a href="https://php.cn/course/1341.html">公益直播 | 基于TP6的门店排号系统</a></li>
  20.       <li><a href="https://php.cn/course/1224.html">Uniapp简爱读书项目开发--第一季</a></li>
  21.       <li><a href="https://php.cn/course/1289.html">通用后台管理系统实战开发（Thinkphp6+Layui）</a></li>
  22.     </ul>
  23.     <!-- 列表 -->
  24.     <!-- 无序列表 -->
  25.     <ul>
  26.       <li>无序列表1</li>
  27.       <li>无序列表2</li>
  28.       <li>无序列表3</li>
  29.     </ul>
  30.     <!-- 有序列表 -->
  31.     <ol>
  32.       <li>有序列表1</li>
  33.       <li>有序列表2</li>
  34.       <li>有序列表3</li>
  35.     </ol>
  36.   </body>
  37. </html>

课程表

星期一 星期二 星期三 星期四 星期五
第1节 xxx xxx xxx xxx xxx
第2节 xxx xxx xxx xxx xxx
第3节 xxx xxx xxx xxx xxx
第4节 xxx xxx xxx xxx xxx
午 休
第5节 xxx xxx xxx xxx xxx
第6节 xxx xxx xxx xxx xxx
第7节 xxx xxx xxx xxx xxx
第8节 xxx xxx xxx xxx xxx 
  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="2" width="400">
  11.       <caption>
  12.         <h2>课程表<h2/>
  13.       </caption>
  15.       <!-- 先行后列 -->
  16.       <thead>
  17.         <tr>
  18.           <th></th>
  19.           <th>星期一</th>
  20.           <th>星期二</th>
  21.           <th>星期三</th>
  22.           <th>星期四</th>
  23.           <th>星期五</th>
  24.         </tr>
  25.       </thead>
  27.       <tbody align="center">
  28.         <tr>
  29.           <td>第1节</td>
  30.           <td>xxx</td>
  31.           <td>xxx</td>
  32.           <td>xxx</td>
  33.           <td>xxx</td>
  34.           <td>xxx</td>
  35.         </tr>
  36.         <tr>
  37.           <td>第2节</td>
  38.           <td>xxx</td>
  39.           <td>xxx</td>
  40.           <td>xxx</td>
  41.           <td>xxx</td>
  42.           <td>xxx</td>
  43.         </tr>
  44.         <tr>
  45.           <td>第3节</td>
  46.           <td>xxx</td>
  47.           <td>xxx</td>
  48.           <td>xxx</td>
  49.           <td>xxx</td>
  50.           <td>xxx</td>
  51.         </tr>
  52.         <tr>
  53.           <td>第4节</td>
  54.           <td>xxx</td>
  55.           <td>xxx</td>
  56.           <td>xxx</td>
  57.           <td>xxx</td>
  58.           <td>xxx</td>
  59.         </tr>
  60.         <tr>
  61.           <td colspan="6">午&nbsp;&nbsp;&nbsp;&nbsp;休</td>
  62.          <!-- 水平合并 colspan="5" 5代表几行，垂直方向: 行方向rowspan="5" 5代表几列 -->
  63.         </tr>
  64.         <tr>
  65.           <td>第5节</td>
  66.           <td>x</td>
  67.           <td>x</td>
  68.           <td>x</td>
  69.           <td>x</td>
  70.           <td>x</td>
  71.         </tr>
  72.         <tr>
  73.           <td>第6节</td>
  74.           <td>x</td>
  75.           <td>x</td>
  76.           <td>x</td>
  77.           <td>x</td>
  78.           <td>x</td>
  79.         </tr>
  80.         <tr>
  81.           <td>第7节</td>
  82.           <td>x</td>
  83.           <td>x</td>
  84.           <td>x</td>
  85.           <td>x</td>
  86.           <td>x</td>
  87.         </tr>
  88.         <tr>
  89.           <td>第8节</td>
  90.           <td>x</td>
  91.           <td>x</td>
  92.           <td>x</td>
  93.           <td>x</td>
  94.           <td>x</td>
  95.         </tr>
  96.       </tbody>
  97.     </table>
  98.   </body>
  99. </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