Community Learn Tools Library Leisure
search
English
Home > List of blog posts > HTML图文列表
Blogger Information
Blog 46
fans 0
comment 0
visits 34459
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图文列表
上草一方
Original
1082 people have browsed it

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. <div>
  11.     <!-- 导航 -->
  12.     <nav>
  13.         <a href="">首页</a>&nbsp;&nbsp;
  14.         <a href="http://www.kxmy.com/">旅游胜地</a>&nbsp;&nbsp;
  15.         <a href="https://travel.qunar.com/?from=header">游玩攻略</a>&nbsp;&nbsp;
  16.         <a href="">联系景点</a>&nbsp;&nbsp;
  17.     </nav>
  18.     <table>
  19.         <tr>
  20.             <td width="400" align="center"><img src="static/images/chbs.jpeg" alt=""></td>
  21.             <td width="400" align="center"><img src="static/images/mls.jpeg" alt=""></td>
  22.             <td width="400" align="center"><img src="static/images/ttz.jpeg" alt=""></td>
  23.         </tr>
  24.         <tr>
  25.             <td width="400" text-align="center" align="center">
  26.                 <a href="https://baike.baidu.com/item/%E9%95%BF%E7%99%BD%E5%B1%B1%E6%99%AF%E5%8C%BA/12001811?fr=aladdin">长白山风景区</a>
  27.             </td>
  28.             <td  width="400" text-align="center" align="center">
  29.                 <a href="https://baike.baidu.com/item/%E6%9C%A8%E5%85%B0%E5%B1%B1%E9%A3%8E%E6%99%AF%E5%8C%BA/1322678?fr=aladdin">木兰山风景区</a>    
  30.             </td>
  31.             <td  width="400" text-align="center" align="center">
  32.                 <a href="http://www.ttzly.com/">天堂寨风景区</a>
  33.             </td>
  34.         </tr>
  35.         <tr>
  36.             <td width="400" align="center"><img src="static/images/hlbe.jpeg" alt=""></td>
  37.             <td width="400" align="center"><img src="static/images/sslj.jpeg" alt=""></td>
  38.             <td width="400" align="center"><img src="static/images/cjsh.jpeg" alt=""></td>
  39.         </tr>
  40.         <tr>
  41.             <td width="400" text-align="center" align="center">
  42.                 <a href="http://www.mafengwo.cn/gonglve/ziyouxing/338320.html">呼伦贝尔草原</a>
  43.                 </td>
  44.             <td width="400" text-align="center" align="center">
  45.                 <a href="https://baike.baidu.com/item/%E5%A1%9E%E4%B8%8A%E8%80%81%E8%A1%97/3193111?fr=aladdin">塞上老街</a>
  46.             </td>
  47.             <td width="400" text-align="center" align="center">
  48.                 <a href="https://haokan.baidu.com/v?pd=wisenatural&vid=3778437671832672096">成吉思汗陵</a>
  49.             </td>
  50.         </tr>
  51.     </table>
  52. </div>
  53. </body>
  54. </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