上海旅游官网HTML页面代码示例,-CSDN博客

这是一个关于上海旅游介绍的网页HTML源代码，包含头部导航、主体内容和底部信息。主要内容集中在美食推荐上，展示了小笼包、生煎包等上海特色美食的图片和名称。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、作品展示>

二、文件目录>

三、代码实现>


<!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