HTML图文列表
代码如下：
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>图文列表</title></head><body><div><!-- 导航 --><nav><a href="">首页</a> <a href="http://www.kxmy.com/">旅游胜地</a> <a href="https://travel.qunar.com/?from=header">游玩攻略</a> <a href="">联系景点</a> </nav><table><tr><td width="400" align="center"><img src="static/images/chbs.jpeg" alt=""></td><td width="400" align="center"><img src="static/images/mls.jpeg" alt=""></td><td width="400" align="center"><img src="static/images/ttz.jpeg" alt=""></td></tr><tr><td width="400" text-align="center" align="center"><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></td><td width="400" text-align="center" align="center"><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></td><td width="400" text-align="center" align="center"><a href="http://www.ttzly.com/">天堂寨风景区</a></td></tr><tr><td width="400" align="center"><img src="static/images/hlbe.jpeg" alt=""></td><td width="400" align="center"><img src="static/images/sslj.jpeg" alt=""></td><td width="400" align="center"><img src="static/images/cjsh.jpeg" alt=""></td></tr><tr><td width="400" text-align="center" align="center"><a href="http://www.mafengwo.cn/gonglve/ziyouxing/338320.html">呼伦贝尔草原</a></td><td width="400" text-align="center" align="center"><a href="https://baike.baidu.com/item/%E5%A1%9E%E4%B8%8A%E8%80%81%E8%A1%97/3193111?fr=aladdin">塞上老街</a></td><td width="400" text-align="center" align="center"><a href="https://haokan.baidu.com/v?pd=wisenatural&vid=3778437671832672096">成吉思汗陵</a></td></tr></table></div></body></html>
运行显示如下：