HTML5期末大作业：上海介绍网站设计——代码质量好-上海介绍(5页) HTML+CSS+JavaScri
一、作品展示
二、文件目录
三、代码实现
<!DOCTYPE html><head> <meta charset="utf-8" /> <title>上海旅游介绍</title> <link href="css/css.css" rel="stylesheet" /></head><body><div> <div><img src="images/logo.png"/></div> <div> <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> <div> <div> <img src="images/pic1.jpg"> </div> <div> <input type="button"> <input type="text" class="text"/> </div> <div> <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> <div> <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> <p>上海旅游介绍</p></div></body></html>
