一、作品展示>
二、文件目录>
三、代码实现>
h
<!DOCTYPE html><head> <meta charset="utf-8" /> <title>上海旅游介绍</title> <link href="css/css.css" rel="stylesheet" /></head><body><div class="head"> <div class="logo"><img src="images/logo.png"/></div> <div class="nav"> <ul> <li><a href="index.html" rel="external nofollow" rel="external nofollow" >首页</a></li>
<li><a href="jingdian.html" rel="external nofollow" rel="external nofollow" >景点介绍</a></li> <li><a href="fengjing.html" rel="external nofollow" rel="external nofollow" >风景欣赏</a></li> <li><a href="meishi.html" rel="external nofollow" rel="external nofollow" >美食推荐</a></li> <li><a href="liuyan.html" rel="external nofollow" rel="external nofollow" >在线留言</a></li> </ul> </div></div><div class="main"> <div class="main_left"> <div class="pic"> <img src="images/pic1.jpg"> </div> <div class="search"> <input type="button" class="btn"> <input type="text" class="text"/> </div> <div class="left_nav"> <ul> <li><a href="index.html" rel="external nofollow" rel="external nofollow" >首页</a></li>
<li><a href="jingdian.html" rel="external nofollow" rel="external nofollow" >景点介绍</a></li> <li><a href="fengjing.html" rel="external nofollow" rel="external nofollow" >风景欣赏</a></li> <li><a href="meishi.html" rel="external nofollow" rel="external nofollow" >美食推荐</a></li> <li><a href="liuyan.html" rel="external nofollow" rel="external nofollow" >在线留言</a></li> </ul> </div>
</div> <div class="main_right"> <div class="meishi"> <h2>美食推荐</h2><ul> <li> <img src="images/meishi1.jpg" /> <p>小笼包</p> </li> <li> <img src="images/meishi2.jpg" /> <p>生煎包</p> </li>
<li> <img src="images/meishi3.jpg" /> <p>葱油饼</p> </li>
<li> <img src="images/meishi4.jpg" /> <p>锅贴</p> </li> <li> <img src="images/meishi5.jpg" /> <p>白斩鸡</p> </li>
<li> <img src="images/meishi6.jpg" /> <p>酱鸭</p> </li>
<li> <img src="images/meishi7.jpg" /> <p>排骨年糕</p> </li> <li> <img src="images/meishi8.jpg" /> <p>红烧肉</p> </li>
<li> <img src="images/meishi9.jpg" /> <p>糖醋小排</p> </li>
</ul> </div> </div></div><div class="foot"> <p>上海旅游介绍</p></div></body></html>123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
标签：上海,HTML,留言,JavaScript,介绍,源码,首页,美食,css From： https://blog.51cto.com/u_15681752/5981251