Community Learn Tools Library Leisure
search
English
Home > List of blog posts > html中做图片,链接,列表,图文列表 及一个课程表
Blogger Information
Blog 6
fans 0
comment 0
visits 2613
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
html中做图片,链接,列表,图文列表 及一个课程表
P粉150142745
Original
417 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.     <!-- .默认class ;#默认id  -->
  11.     <div id="box">一个纸盒子</div>
  12.     <div class="paper">里面藏着几张图片</div>
  13.     <div class="glass">有一张里面是个小动物</div>
  14.     <!-- 使用图片 -->
  15.     <img src="images/images/飞鸟.png" alt="飞鸟" />
  16.     <br />
  17.     <!-- 链接-->
  18.     <a href="https://699pic.com/tupian-502380791.html">点开一张网上的图片 </a>
  19.     <hr />
  20.     <!-- 一个列表"ul>li*3{标签$}" -->
  21.     <ul>
  22.       <li>标签1</li>
  23.       <li>标签2</li>
  24.       <li>标签3</li>
  25.     </ul>
  26.     <!-- 一个图文列表  ul.nav>li.item*3>img src="{link$} -->
  27.     <ol class="nav">
  28.       <li class="item"><img src="images/images/小鸡.jpg" alt="小鸡" /></li>
  29.       <a href="">小鸡</a
  30.       >&nbsp;
  31.       <li class="item"><img src="images/images/小狗.jpg" alt="小狗" /></li>
  32.       <a href="">小狗</a
  33.       >&nbsp;
  34.       <li class="item"><img src="images/images/小猫.jpg" alt="小猫" /></li>
  35.       <a href="">小猫</a
  36.       >&nbsp;
  37.     </ol>
  38.     <hr />
  39.   </body>
  40. </html>
  41. <!DOCTYPE html>
  42. <html lang="en">
  43.   <head>
  44.     <meta charset="UTF-8" />
  45.     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  46.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  47.     <title>课程表</title>
  48.   </head>
  49.   <body>
  50.     <table border="1">
  51.       <caption>
  52.         课 程 表
  53.       </caption>
  54.       <thead>
  55.         <tr>
  56.           <th>时间</th>
  57.           <th>周一</th>
  58.           <th>周二</th>
  59.           <th>周三</th>
  60.           <th>周四</th>
  61.           <th>周五</th>
  62.         </tr>
  63.       </thead>
  64.       <tbody>
  65.         <tr>
  66.           <td rowspan="4" bgcolor="cyan">上午</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.         <tr>
  90.           <!-- <td>上午</td> -->
  91.           <td>英语</td>
  92.           <td>法制</td>
  93.           <td>语文</td>
  94.           <td>体育</td>
  95.           <td>美术</td>
  96.         </tr>
  97.         <tr>
  98.           <td colspan="6" bgcolor="lightgreen" style="text-align: center">中午休息</td>
  99.                     <!-- <td>item</td>
  100.           <td>item</td>
  101.           <td>item</td>
  102.           <td>item</td>
  103.           <td>item</td> -->
  104.         </tr>
  105.         <tr>
  106.           <td rowspan="3" bgcolor="cyan">下午</td>
  107.           <td>数学</td>
  108.           <td>语文</td>
  109.           <td>美术</td>
  110.           <td>英语</td>
  111.           <td>语文</td>
  112.         </tr>
  113.         <tr>
  114.           <!-- <td>下午</td> -->
  115.           <td>英语</td>
  116.           <td>数学</td>
  117.           <td>语文</td>
  118.           <td>英语</td>
  119.           <td>数学</td>
  120.         </tr>
  121.         <tr>
  122.           <!-- <td>下午</td> -->
  123.           <td>语文</td>
  124.           <td>英语</td>
  125.           <td>历史</td>
  126.           <td>生物</td>
  127.           <td>科学</td>
  128.         </tr>
  129.         <!-- 表尾 -->
  130.         <tfoot>
  131.           <tr>
  132.             <td bgcolor="lightgreen">备注</td>
  133.             <td colspan="6" bgcolor="lightgreen" style="text-align: center">在校完成作业才能回家</td>  
  134.              <!-- <td>x</td>
  135.               <td>x</td>
  136.               <td>x</td>  -->
  137.           </tr>
  138.       </tfoot>
  139.         </tbody>
  140.     </table>
  141.   </body>
  142. </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