大学生HTML5期末作业 Web前端网页制作 html5+css3+js html+css+js网页设计 美食 美食天下26个页面
网页作品代码简单，可使用任意HTML辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件进行运行及修改编辑等操作）。
获取源码
1，访问该网站 https://download.youkuaiyun.com/download/qq_42431718/90215312
2，点击上方下载
目录1
目录2
项目视频
html+css+js网页设计 美食 美食天下26个页面
页面展示
页面1
页面2
页面3
页面4
页面5
页面6
页面7
页面8
页面9
页面10
页面11
页面12
页面13
页面14
页面15
页面16
页面17
页面18
页面19
页面20
页面21
页面22
页面23
页面24
页面25
页面26
代码展示
<body>
<div class="h_coat">
<div class="h_header clearfix">
<ul>
<li><a href="index.html" target="_blank"><i>美食天下</i>首页</a></li>
<li><a href="html/menu-g.html" target="_blank">菜谱</a></li>
<li><a href="html/y_foot.html" target="_blank">食材</a></li>
<li><a href="html/choose-g.html" target="_blank">珍选</a></li>
<li><a href="html/k_health.html" target="_blank">健康</a></li>
<li><a href="html/h_special.html" target="_blank">专题</a></li>
<li><a href="html/community.html" target="_blank">社区</a></li>
<li><a href="html/k_saytit.html" target="_blank">话题</a></li>
<li><a href="html/k_active.html" target="_blank">活动</a></li>
<li><a href="html/y_search.html" target="_blank">搜索</a></li>
<li class="h_pull"><a href="javascript:;"><i></i></a>
<ul class="h_pull_down">
<li><a href="html/y_cure.html" target="_blank">烘焙</a></li>
<li><a href="html/y_Mamapie.html" target="_blank">妈妈派</a></li>
</ul>
</li>
</ul>
<div class="h_header_ri">
<ul>
<li><a href="html/m_register.html" target="_blank">注册</a></li>
<li><a href="html/m_register.html" target="_blank">登录</a></li>
<li class="h_bar_text h_pull"><a href="html/m_register.html" target="_blank"><img src="images/h_nir1.png" alt=""/>
<p>QQ登录</p></a>
<ul class="h_pull_down">
<li><a href="html/m_register.html" target="_blank"><img src="images/h_nir2.png" alt=""/>
<p>微博登录</p></a></li>
<li><a href="html/m_register.html" target="_blank"><img src="images/h_nir3.png" alt=""/>
<p>微信登录</p></a></li>
</ul>
</li>
<li class="h_blo h_pull h_issue"><a href="html/m_register.html" target="_blank"><img src="images/h_nr1.png" alt=""/>
<p>发布</p></a>
<ul class="h_pull_down">
<li><a href="html/m_register.html" target="_blank">发菜谱</a></li>
<li><a href="html/m_register.html" target="_blank">发话题</a></li>
<li><a href="html/m_register.html" target="_blank">发日志</a></li>
</ul>
</li>
<li class="h_blo h_sign"><a href="html/m_register.html" target="_blank"><img src="images/h_nr2.png" alt=""/>
<p>签到有礼</p></a></li>
<li class="h_blo h_pull h_blo_pull h_client"><a href="javascript:;"><img src="images/h_nr3.png" alt=""/>
<p>客户端</p></a>
<ul class="h_pull_down">
<li><a href="javascript:;"><img src="images/h_msc_app.png" alt=""/></a></li>
</ul>
</li>
</ul>
</div>
</div>
<div class="y_content">
<div class="y_logo">
<div class="y_logo_inner left">
<a href="javascript:;" title="美食天下"></a>
</div>
<div class="y_logo_sea right">
<input type="text" class="y_search left" placeholder=""/>
<a class="y_searchBtn">搜索</a>
</div>
<div class="y_logo_nav right">
<a class="h_checked" href="" title="首页">首页<i></i><b></b></a>
<a href="javascript:;" title="菜谱">菜谱<i></i><b></b></a>
<a href="javascript:;" title="食材">食材<i></i><b></b></a>
<a href="javascript:;" title="珍选">珍选<i></i><b></b></a>
<a href="javascript:;" title="健康">健康<i></i><b></b></a>
<a href="html/h_special.html" target="_blank" title="专题">专题<i></i><b></b></a>
<a href="javascript:;" title="社区">社区<i></i><b></b></a>
<a href="javascript:;" title="话题">话题<i></i><b></b></a>
</div>
</div>
<div class="h_banner clearfix">
<div class="h_tab">
<ul class="h_tab_ul">
<li class="h_tab_li"><a href="javascript:;"><i></i>菜谱大全<s></s></a>
<ul>
<li><a href="javascript:;">夏季食谱<span>看看大家在吃啥</span></a></li>
<li><a href="javascript:;">早餐<span>像国王一样用餐</span></a></li>
<li><a href="javascript:;">高颜值<span>颜控专用通道</span></a></li>
<li><a href="javascript:;">凉菜<span>精选2600道</span></a></li>
<li><a href="javascript:;">热菜<span>精选42500道</span></a></li>
<li><a href="javascript:;">汤羹<span>精选6800道</span></a></li>
<li><a href="javascript:;">主食<span>精选18000道</span></a></li>
<li><a href="javascript:;">小吃<span>精选11000道</span></a></li>
<li><a href="javascript:;">酱泡腌菜<span>精选700道</span></a></li>
</ul>
</li>
<li class="h_tab_li"><a href="javascript:;"><i></i>食材大全<s></s></a>
<ul>
<li><a href="javascript:;">秋葵<span>新晋VC王</span></a></li>
<li><a href="javascript:;">西红柿<span>共3160道菜谱</span></a></li>
<li><a href="javascript:;">黑木耳<span>百搭配菜，防雾霾</span></a></li>
<li><a href="javascript:;">小龙虾<span>红到勾心，辣到流泪</span></a></li>
<li><a href="javascript:;">螃蟹<span>全民爆红</span></a></li>
<li><a href="javascript:;">鸡翅<span>共1156道菜谱</span></a></li>
<li><a href="javascript:;">肉禽蛋<span>共231种</span></a></li>
<li><a href="javascript:;">水产品<span>共288种</span></a></li>
<li><a href="javascript:;">蔬菜瓜菌<span>共473种</span></a></li>
</ul>
</li>
<li class="h_tab_li"><a href="javascript:;"><i></i>品质珍选<s></s></a>
<ul>
<li><a href="javascript:;">浪漫七夕<span>为他挑一份小礼物</span></a></li>
<li><a href="javascript:;">葡萄酒<span>亚马逊海外直采</span></a></li>
<li><a href="javascript:;">咖啡<span>百搭配菜，防雾霾</span></a></li>
<li><a href="javascript:;">限时秒杀<span>红到勾心，辣到流泪</span></a></li>
<li><a href="javascript:;">白菜价<span>全民爆红</span></a></li>
<li><a href="javascript:;">买了又买<span>共1156道菜谱</span></a></li>
<li><a href="javascript:;">厨房神奇<span>共231种</span></a></li>
<li><a href="javascript:;">镇店之宝<span>共288种</span></a></li>
<li><a href="javascript:;">海淘食光<span>共473种</span></a></li>
</ul>
</li>
<li class="h_tab_li"><a href="javascript:;"><i></i>专题专区<s></s></a>
<ul>
<li><a href="javascript:;">菜单<span>由网友创建的专题</span></a></li>
<li><a href="javascript:;">家常菜谱<span>居家必备368款</span></a></li>
<li><a href="javascript:;">食疗食补<span>共212个专题</span></a></li>
<li class="h_pic"><a href="javascript:;"><img src="images/h_mamapai.jpg" alt=""/></a></li>
<li class="h_pic"><a href="javascript:;"><img src="images/h_hongbei.jpg" alt=""/></a></li>
</ul>
</li>
<li class="h_tab_li"><a href="javascript:;"><i></i>一起红<s></s></a>
<ul>
<li class="h_picw"><a href="javascript:;"><img src="images/h_erweima.jpg" alt=""/></a></li>
<li class="h_picw"><a href="html/h_event.html" target="_blank"><img src="images/h_tu.jpg" alt=""/></a></li>
</ul>
</li>
</ul>
</div>
<ul class="h_banner_con">
<li><a href="html/h_carousel.html" target="_blank"><img src="images/h_banner1.jpeg" alt=""/></a></li>
<li><a href="html/h_carousel.html" target="_blank"><img src="images/h_banner2.png" alt=""/></a></li>
<li><a href="html/h_carousel.html" target="_blank"><img src="images/h_banner3.jpg" alt=""/></a></li>
<li><a href="html/h_carousel.html" target="_blank"><img src="images/h_banner4.jpg" alt=""/></a></li>
<li><a href="html/h_carousel.html" target="_blank"><img src="images/h_banner5.jpg" alt=""/></a></li>
<li><a href="html/h_carousel.html" target="_blank"><img src="images/h_banner6.jpg" alt=""/></a></li>
<li><a href="html/h_carousel.html" target="_blank"><img src="images/h_banner1.jpeg" alt=""/></a></li>
</ul>
<div class="h_banner_main">
<a href="javascript:;" class="h_ban"><i></i></a>
<a href="javascript:;" class="h_ban"><i></i></a>
<ul class="h_banner_main_ul">
<li class="h_liche"></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</div>
<div class="h_advertise clearfix">
<a href="javascript:;" class="h_db"><i></i></a>
<div class="h_advertise_main">
<ul>
<li>
<div><a href="javascript:;" class="h_solid">滋味虎皮菜</a>
<p><span>jichkhun的菜单</span><br/>用最简单的食材，也能做出最好吃的菜，不但漂亮有食欲还超级下饭哦～</p></div>
<div><a href="javascript:;" class="h_solid">牛羊肉系列</a>
<p><span>chanjiang的菜单</span><br/>天气一天天转凉，是时候来点儿温补的大肉尝尝啦～牛羊肉是不错的选择哦～</p></div>
<div class="h_ad_th"><a href="javascript:;" class="h_solid">最爱那一口蛋黄！</a>
<p><span>云微光的菜单</span><br/>最爱那一口蛋黄，酥松、明亮，幸福感爆棚！各种蛋黄的美味合集，拿走吧～</p></div>
</li>
<li>
<div><a href="javascript:;" class="h_solid">最爱咖喱味</a>
<p><span>先锋号姐的菜单</span><br/>咖喱除了营养丰富、色香味全之外，还有着利汗排毒、增进食欲的功效哦～</p></div>
<div><a href="javascript:;" class="h_solid">浪漫七夕，与你相伴</a>
<p><span>小美的菜单</span><br/>在这个表达爱的节日里，你准备和TA怎样度过？尝试动手做一份礼物吧～</p></div>
<div class="h_ad_th"><a href="javascript:;" class="h_solid">中式传统糕点</a>
<p><span>逍遥大夫的菜单</span><br/>很多国外甜品都颜值高味道赞，但是中式传统糕点却有着独有的韵味！而且都很美味～</p></div>
</li>
<li>
<div><a href="javascript:;" class="h_solid">不知道吃什么就吃面！</a>
<p><span>华尔街晚报的菜单</span><br/>不知道吃什么？那就来碗面条吧！一天一款，一个月都吃不腻。收藏起来，慢慢做！</p></div>
<div><a href="javascript:;" class="h_solid">处暑养生</a>
<p><span>小美的菜单</span><br/>处暑是由热转凉的交替时期，从养生的角度来看，更适宜进食清热安神的食物。</p></div>
<div class="h_ad_th"><a href="javascript:;" class="h_solid">牛羊肉系列</a>
<p><span>chanjiangde菜单</span><br/>最热的三伏天已经过去啦，马上就迎来秋天，是时候准备点儿牛羊肉补补啦～</p></div>
</li>
<li>
<div><a href="javascript:;" class="h_solid">面面俱到</a>
<p><span>daocao的菜单</span><br/>这里有各种各样面食的集合，简单又好吃，面食的死忠粉们，赶快收藏吧！</p></div>
<div><a href="javascript:;" class="h_solid">快手家常素菜</a>
<p><span>邓wangwang的菜单</span><br/>十分钟就可以搞定的快手菜，简单快手又开胃，没有肉却比有肉的菜还好吃！</p></div>
<div class="h_ad_th"><a href="javascript:;" class="h_solid">秋葵－少女的手指</a>
<p><span>心情bu美丽的菜单</span><br/>口感初尝生涩，其后滑润，绵软，味道微苦，但不失清香。而且营养颇高哦。</p></div>
</li>
<li>
<div><a href="javascript:;" class="h_solid">鸭血的美味做法</a>
<p><span>嘣嚓瓷儿的菜单</span><br/>鸭血性味咸凉，有补血和清热解毒作用，营养价值很高，满足身体对铁质钙质的需要。</p></div>
<div><a href="javascript:;" class="h_solid">快手小炒菜</a>
<p><span>噜噜啦啦略略略的菜单</span><br/>几款快手小炒美食学起来，下饭下酒都是杠杠的！快收了这些下饭神器吧～</p></div>
<div class="h_ad_th"><a href="javascript:;" class="h_solid">我最爱的金色炸物</a>
<p><span>清水桃子的菜单</span><br/>松松脆脆的炸物，金灿灿的外壳，里面则是香软的，大爱这样的食物啊有木有～</p></div>
</li>
<li>
<div><a href="javascript:;" class="h_solid">好喝又方便的快手汤</a>
<p><span>藜树花的菜单</span><br/>节约时间和步骤，而且是不用慢炖也可以喝到的美味汤～很适合我们懒人哦～</p></div>
<div><a href="javascript:;" class="h_solid">五彩缤纷的饮品</a>
<p><span>kexinbaobaohewo的菜单</span><br/>总是觉得外面买来的饮品味道和颜值都超高，其实我们自己也可以做的出来哦！</p></div>
<div class="h_ad_th"><a href="javascript:;" class="h_solid">鲜味十足</a>
<p><span>冰墨·幽雪的菜单 </span><br/>是时候来一餐美味的海鲜啦～各个口感丰富，鲜味十足，简单易做，就吃它啦！ </p></div>
</li>
<li>
<div><a href="javascript:;" class="h_solid">滋味虎皮菜</a>
<p><span>jichkhun的菜单</span><br/>用最简单的食材，也能做出最好吃的菜，不但漂亮有食欲还超级下饭哦～</p></div>
<div><a href="javascript:;" class="h_solid">牛羊肉系列</a>
<p><span>chanjiang的菜单</span><br/>天气一天天转凉，是时候来点儿温补的大肉尝尝啦～牛羊肉是不错的选择哦～</p></div>
<div class="h_ad_th"><a href="javascript:;" class="h_solid">最爱那一口蛋黄！</a>
<p><span>云微光的菜单</span><br/>最爱那一口蛋黄，酥松、明亮，幸福感爆棚！各种蛋黄的美味合集，拿走吧～</p></div>
</li>
</ul>
</div>
<a href="javascript:;" class="h_db"><i></i></a>
</div>
<div class="h_live">
<div class="ah_live_fi">
<div class="h_tit">
<div class="le">
<a href="javascript:;" class="h_tit_check">健康</a>
<a href="javascript:;">食疗</a>
</div>
<div class="ri">
<a href="javascript:;" class="h_act">健康首页</a>
</div>
</div>
<div class="h_live_main">
<div class="h_live_main_f h_live_main_w"f>
<a href="html/h_carousel.html" target="_blank"><img src="images/h_live1.jpg" alt=""/></a>
<ul>
<li><a href="javascript:;" class="h_act">想要宝宝长得聪明 孕期必吃这些！</a></li>
<li><a href="javascript:;" class="h_act">警惕！孩子营养不良会影响智力！</a></li>
<li><a href="javascript:;" class="h_act">别人喝水排毒 而你喝水却水肿？</a></li>
<li><a href="javascript:;" class="h_act">男人气虚的五大表现，肾不好只是其中</a></li>
<li><a href="javascript:;" class="h_act">专题┊那些美颜食物的神级吃法</a></li>
<li><a href="javascript:;" class="h_act">专题┊低卡减肥餐，让你瘦到飞起来</a></li>
</ul>
</div>
<div class="h_live_main_t h_live_main_w">
<div class="clear"></div>
<ul>
<li title="健美"><a href="javascript:;">健美</a></li>
<li title="丰胸"><a href="javascript:;">丰胸</a></li>
<li title="养颜" class="h_nth"><a href="javascript:;">养颜</a></li>
<li title="排毒"><a href="javascript:;">排毒</a></li>
<li title="补钙"><a href="javascript:;">补钙</a></li>
<li title="贫血" class="h_nth"><a href="javascript:;">贫血</a></li>
<li title="滋阴"><a href="javascript:;">滋阴</a></li>
<li title="壮阳"><a href="javascript:;">壮阳</a></li>
<li title="失眠" class="h_nth"><a href="javascript:;">失眠</a></li>
<li title="消暑"><a href="javascript:;">消暑</a></li>
<li title="免疫力"><a href="javascript:;">免疫力</a></li>
<li title="养胃" class="h_nth"><a href="javascript:;">养胃</a></li>
<li title="痛经"><a href="javascript:;">痛经</a></li>
<li title="月经不调"><a href="javascript:;">月经不调</a></li>
<li title="前列腺" class="h_nth"><a href="javascript:;">前列腺</a></li>
<li title="抗衰老"><a href="javascript:;">抗衰老</a></li>
<li title="防辐射"><a href="javascript:;">防辐射</a></li>
<li title="抗雾霾" class="h_nth"><a href="javascript:;">抗雾霾</a></li>
</ul>
</div>
</div>
</div>
<div class="ah_live_tw">
<div class="h_tit">
<div class="le">
<a href="javascript:;" class="h_tit_check">烘焙</a>
<a href="javascript:;">食谱</a>
</div>
<div class="ri">
<a href="javascript:;" class="h_act">烘焙专区</a>
</div>
</div>
<div class="h_live_main">
<div class="h_live_main_f h_live_main_w">
<a href="html/h_carousel.html" target="_blank"><img src="images/h_live2.jpg" alt=""/></a>
<ul>
<li><a href="javascript:;" class="h_act">初春の粉红 - 樱花马卡龙</a></li>
<li><a href="javascript:;" class="h_act">桃花主题美食 - 桃花酥</a></li>
<li><a href="javascript:;" class="h_act">内藏惊喜的彩虹戚风蛋糕</a></li>
<li><a href="javascript:;" class="h_act">消耗蛋挞皮－简单版红薯酥</a></li>
<li><a href="javascript:;" class="h_act">菜单┊奥利奥的N种百搭吃法</a></li>
<li><a href="javascript:;" class="h_act">专题┊另类咸香口儿 满足你的味蕾！</a></li>
</ul>
</div>
<div class="h_live_main_t h_live_main_w">
<div class="clear"></div>
<ul>
<li title="吐司"><a href="javascript:;">吐司</a></li>
<li title="三明治"><a href="javascript:;">三明治</a></li>
<li title="马芬" class="h_nth"><a href="javascript:;">马芬</a></li>
<li title="布朗尼"><a href="javascript:;">布朗尼</a></li>
<li title="蛋糕卷"><a href="javascript:;">蛋糕卷</a></li>
<li title="玛德琳" class="h_nth"><a href="javascript:;">玛德琳</a></li>
<li title="舒芙蕾"><a href="javascript:;">舒芙蕾</a></li>
<li title="纸杯蛋糕"><a href="javascript:;">纸杯蛋糕</a></li>
<li title="戚风" class="h_nth"><a href="javascript:;">戚风</a></li>
<li title="马卡龙"><a href="javascript:;">马卡龙</a></li>
<li title="糖霜饼干"><a href="javascript:;">糖霜饼干</a></li>
<li title="曲奇" class="h_nth"><a href="javascript:;">曲奇</a></li>
<li title="披萨"><a href="javascript:;">披萨</a></li>
<li title="泡芙"><a href="javascript:;">泡芙</a></li>
<li title="蛋挞" class="h_nth"><a href="javascript:;">蛋挞</a></li>
<li title="派塔"><a href="javascript:;">派塔</a></li>
<li title="中式糕点"><a href="javascript:;">中式糕点</a></li>
<li title="酥" class="h_nth"><a href="javascript:;">酥</a></li>
</ul>
</div>
</div>
</div>
<div class="ah_live_th">
<div class="h_tit">
<div class="le">
<a href="javascript:;" class="h_tit_check">为您推荐</a>
</div>
<div class="ri">
<a href="javascript:;" class="h_act">我的收藏</a>
</div>
</div>
<div class="h_live_main">
<div class="h_live_main_f">
<a href="html/h_minisite_party.html" target="_blank"><img src="images/h_live3.jpg" alt=""/></a>
<ul>
<li><a href="javascript:;" class="h_act">爱上素食 一种更健康的生活方式</a></li>
<li><a href="javascript:;" class="h_act">划重点！食物降血脂这些更有效</a></li>
<li><a href="javascript:;" class="h_act">粗粮细作：健康能量燕麦甜品</a></li>
<li><a href="javascript:;" class="h_act">妈妈派┊童趣童味，儿童创意餐点</a></li>
<li><a href="javascript:;" class="h_act">免费抽奖┊ACA自动投果料面包机</a></li>
<li><a href="javascript:;" class="h_act">免费抽奖┊Haier 海尔智能嫩烤箱 (珍珠</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="clear"></div>
<div class="h_menu">
<div class="h_tit">
<div class="le">
<a href="javascript:;" class="h_tit_check">新秀菜谱</a>
<a href="javascript:;">一周热门</a>
<a href="javascript:;">最受欢迎的家常菜</a>
</div>
<div class="ri">
<a href="javascript:;" class="h_act">西餐</a>
<a href="javascript:;" class="h_act">小吃</a>
<a href="javascript:;" class="h_act">主食</a>
<a href="javascript:;" class="h_act">汤羹</a>
<a href="javascript:;" class="h_act">凉菜</a>
<a href="javascript:;" class="h_act">热菜</a>
<a href="javascript:;" class="h_act">菜谱首页</a>
</div>
</div>
<div class="h_live_main">
<div class="h_live_main_w" style="display: block;">
<ul class="m_tab_first left">
<li class="left">
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu1.jpg" alt=""/></a>
</div>
<p class="m_list_p">水果戚风蛋糕<br><span>hb俗人</span></p>
</div>
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu2.jpg" alt=""/></a>
</div>
<p class="m_list_p">泡椒土豆丝<br><span>蜀滋蜀味食品专营店</span></p>
</div>
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu3.jpg" alt=""/></a>
</div>
<p class="m_list_p">尖椒木耳炒腊肠<br><span>阿晨清诚</span></p>
</div>
<div class="m_tab_li m_tab_li_last">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu4.jpg" alt=""/></a>
</div>
<p class="m_list_p">不用烤箱的烤甜薯<br><span>sHěllmèi</span></p>
</div>
</li>
<li class="left">
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu5.jpg" alt=""/></a>
</div>
<p class="m_list_p">九肚鱼芥菜汤<br><span>柔昊琳琪</span></p>
</div>
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu6.jpg" alt=""/></a>
</div>
<p class="m_list_p">菌菇香肠炒面<br><span>厨娘宋宋</span></p>
</div>
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu7.jpg" alt=""/></a>
</div>
<p class="m_list_p">缤纷水果花茶<br><span>纪念旅行</span></p>
</div>
<div class="m_tab_li m_tab_li_last">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu8.jpg" alt=""/></a>
</div>
<p class="m_list_p">蒜瓣烧嫩南瓜<br><span>绿野薄荷</span></p>
</div>
</li>
<li class="left">
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu9.jpg" alt=""/></a>
</div>
<p class="m_list_p">神秘梦幻的星空银耳做法<br><span>纪念旅行</span></p>
</div>
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu10.jpg" alt=""/></a>
</div>
<p class="m_list_p">西式土豆玉米浓汤<br><span>Qiuyue0815</span></p>
</div>
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu11.jpg" alt=""/></a>
</div>
<p class="m_list_p">娃娃菜烧粉丝<br><span>泽瑞妈妈</span></p>
</div>
<div class="m_tab_li m_tab_li_last">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu12.jpg" alt=""/></a>
</div>
<p class="m_list_p">蒜辣拌鸡胗<br><span>绿野薄荷</span></p>
</div>
</li>
<li class="left">
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu13.jpg" alt=""/></a>
</div>
<p class="m_list_p">南瓜大米发糕<br><span>花擦擦</span></p>
</div>
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu14.jpg" alt=""/></a>
</div>
<p class="m_list_p">剁椒肉末蒸茄子<br><span>花擦擦</span></p>
</div>
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu15.jpg" alt=""/></a>
</div>
<p class="m_list_p">辣椒炒双鲜<br><span>绿野薄荷</span></p>
</div>
<div class="m_tab_li m_tab_li_last">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu16.jpg" alt=""/></a>
</div>
<p class="m_list_p">红烧肉（高压锅版）<br><span>绿野薄荷</span></p>
</div>
</li>
<li class="left">
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu17.jpg" alt=""/></a>
</div>
<p class="m_list_p">红枣玛德琳蛋糕<br><span>梦悦的小灶炉</span></p>
</div>
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu18.jpg" alt=""/></a>
</div>
<p class="m_list_p">丝瓜虾仁汤<br><span>心语梦境</span></p>
</div>
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu19.jpg" alt=""/></a>
</div>
<p class="m_list_p">肉末豆腐蒸蛋<br><span>清水淡竹</span></p>
</div>
<div class="m_tab_li m_tab_li_last">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu20.jpg" alt=""/></a>
</div>
<p class="m_list_p">铜锣烧<br><span>靑请晴青</span></p>
</div>
</li>
</ul>
</div>
<div class="h_live_main_w">
<ul class="m_tab_first left">
<li class="left">
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu_2_1.jpg" alt=""/></a>
</div>
<p class="m_list_p">红烧排骨<br><span>红烧排骨</span></p>
</div>
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu_2_2.jpg" alt=""/></a>
</div>
<p class="m_list_p">香酥鸡柳<br><span>线线3896</span></p>
</div>
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu_2_3.jpg" alt=""/></a>
</div>
<p class="m_list_p">烫面葱花饼<br><span>Spring</span></p>
</div>
<div class="m_tab_li m_tab_li_last">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu_2_4.jpg" alt=""/></a>
</div>
<p class="m_list_p">酱爆猪肝<br><span>小耿妈妈</span></p>
</div>
</li>
<li class="left">
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu_2_5.jpg" alt=""/></a>
</div>
<p class="m_list_p">水煮牛肉<br><span>魔力芳香味咖</span></p>
</div>
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu_2_6.jpg" alt=""/></a>
</div>
<p class="m_list_p">蟹味菇滑蛋<br><span>泽瑞妈妈</span></p>
</div>
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu_2_7.jpg" alt=""/></a>
</div>
<p class="m_list_p">青椒回锅肉<br><span>零下一度0511</span></p>
</div>
<div class="m_tab_li m_tab_li_last">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu_2_8.jpg" alt=""/></a>
</div>
<p class="m_list_p">香酥炸鱼块<br><span>零下一度0511</span></p>
</div>
</li>
<li class="left">
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu_2_9.jpg" alt=""/></a>
</div>
<p class="m_list_p">鲜香薄皮韭菜馅饼<br><span>冰蓝紫羽</span></p>
</div>
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu_2_10.jpg" alt=""/></a>
</div>
<p class="m_list_p">青菜肉丝炒面<br><span>小耿妈妈</span></p>
</div>
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu_2_11.jpg" alt=""/></a>
</div>
<p class="m_list_p">宫保鸡丁<br><span>sourcehe</span></p>
</div>
<div class="m_tab_li m_tab_li_last">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu_2_12.jpg" alt=""/></a>
</div>
<p class="m_list_p">南瓜饼<br><span>HI花花儿</span></p>
</div>
</li>
<li class="left">
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu_2_13.jpg" alt=""/></a>
</div>
<p class="m_list_p">香辣椒盐土豆虾<br><span>泽瑞妈妈</span></p>
</div>
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu_2_14.jpg" alt=""/></a>
</div>
<p class="m_list_p">酸辣娃娃菜<br><span>掀帘晨曦datura</span></p>
</div>
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu_2_15.jpg" alt=""/></a>
</div>
<p class="m_list_p">海带排骨汤<br><span>深念2948145521</span></p>
</div>
<div class="m_tab_li m_tab_li_last">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu_2_16.jpg" alt=""/></a>
</div>
<p class="m_list_p">墨西哥卷饼<br><span>线线3896</span></p>
</div>
</li>
<li class="left">
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu_2_17.jpg" alt=""/></a>
</div>
<p class="m_list_p">灯笼茄子<br><span>烘焙有方～蒸烤教学服务</span></p>
</div>
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu_2_18.jpg" alt=""/></a>
</div>
<p class="m_list_p">鸡蛋土豆杂蔬饼<br><span>心在乌云上2013</span></p>
</div>
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu_2_19.jpg" alt=""/></a>
</div>
<p class="m_list_p">十三香烫面葱油饼<br><span>小耿妈妈</span></p>
</div>
<div class="m_tab_li m_tab_li_last">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu_2_20.jpg" alt=""/></a>
</div>
<p class="m_list_p">白斩鸡<br><span>小耿妈妈</span></p>
</div>
</li>
</ul>
</div>
<div class="h_live_main_w">
<ul class="m_tab_first left">
<li class="left">
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu_3_1.jpg" alt=""/></a>
</div>
<p class="m_list_p">红烧肉<br><span></span></p>
</div>
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu_3_2.jpg" alt=""/></a>
</div>
<p class="m_list_p">红烧茄子<br><span></span></p>
</div>
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu_3_3.jpg" alt=""/></a>
</div>
<p class="m_list_p">宫保鸡丁<br><span></span></p>
</div>
<div class="m_tab_li m_tab_li_last">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu_3_4.jpg" alt=""/></a>
</div>
<p class="m_list_p">麻辣香锅<br><span></span></p>
</div>
</li>
<li class="left">
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu_3_5.jpg" alt=""/></a>
</div>
<p class="m_list_p">红烧排骨<br><span></span></p>
</div>
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu_3_6.jpg" alt=""/></a>
</div>
<p class="m_list_p">糖醋排骨<br><span></span></p>
</div>
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu_3_7.jpg" alt=""/></a>
</div>
<p class="m_list_p">鱼香肉丝<br><span></span></p>
</div>
<div class="m_tab_li m_tab_li_last">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu_3_8.jpg" alt=""/></a>
</div>
<p class="m_list_p">可乐鸡翅<br><span></span></p>
</div>
</li>
<li class="left">
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu_3_9.jpg" alt=""/></a>
</div>
<p class="m_list_p">麻婆豆腐<br><span></span></p>
</div>
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu_3_10.jpg" alt=""/></a>
</div>
<p class="m_list_p">佛跳墙<br><span></span></p>
</div>
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu_3_11.jpg" alt=""/></a>
</div>
<p class="m_list_p">水煮肉片<br><span></span></p>
</div>
<div class="m_tab_li m_tab_li_last">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu_3_12.jpg" alt=""/></a>
</div>
<p class="m_list_p">红烧鱼<br><span></span></p>
</div>
</li>
<li class="left">
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu_3_13.jpg" alt=""/></a>
</div>
<p class="m_list_p">沙拉<br><span></span></p>
</div>
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu_3_14.jpg" alt=""/></a>
</div>
<p class="m_list_p">西红柿炒鸡蛋<br><span></span></p>
</div>
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu_3_15.jpg" alt=""/></a>
</div>
<p class="m_list_p">蛋炒饭<br><span></span></p>
</div>
<div class="m_tab_li m_tab_li_last">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu_3_16.jpg" alt=""/></a>
</div>
<p class="m_list_p">鸡蛋饼<br><span></span></p>
</div>
</li>
<li class="left">
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu_3_17.jpg" alt=""/></a>
</div>
<p class="m_list_p">口水鸡<br><span></span></p>
</div>
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu_3_18.jpg" alt=""/></a>
</div>
<p class="m_list_p">水煮鱼<br><span></span></p>
</div>
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu_3_19.jpg" alt=""/></a>
</div>
<p class="m_list_p">啤酒鸭<br><span></span></p>
</div>
<div class="m_tab_li m_tab_li_last">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_menu_3_20.jpg" alt=""/></a>
</div>
<p class="m_list_p">麻辣烫<br><span></span></p>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="h_food clearfix">
<div class="h_tit">
<div class="le">
<a href="javascript:;" class="h_tit_check">时令食材</a>
</div>
<div class="ri">
<a href="javascript:;" class="h_act">肉禽蛋</a>
<a href="javascript:;" class="h_act">水产品</a>
<a href="javascript:;" class="h_act">蔬菜</a>
<a href="javascript:;" class="h_act">米面豆乳</a>
<a href="javascript:;" class="h_act">食材首页</a>
</div>
</div>
<div class="h_live_main">
<ul>
<li><a href="javascript:;">
<img src="images/h_food1.jpg" alt=""/>
冬瓜<br/>
</a>
<span>减肥妙品</span>
</li>
<li><a href="javascript:;">
<img src="images/h_food2.jpg" alt=""/>
玉米<br/>
</a>
<span>你好，玉蜀黍</span>
</li>
<li><a href="javascript:;">
<img src="images/h_food3.jpg" alt=""/>
茄子<br/>
</a>
<span>微笑的代名词</span>
</li>
<li><a href="javascript:;">
<img src="images/h_food4.jpg" alt=""/>
薏米<br/>
</a>
<span>祛湿利器</span>
</li>
<li><a href="javascript:;">
<img src="images/h_food5.jpg" alt=""/>
西红柿<br/>
</a>
<span>蔬菜or水果？</span>
</li>
<li><a href="javascript:;">
<img src="images/h_food6.jpg" alt=""/>
豇豆<br/>
</a>
<span>(jiang)豆</span>
</li>
<li class="h_nt_se"><a href="javascript:;">
<img src="images/h_food7.jpg" alt=""/>
黑木耳<br/>
</a>
<span>八朵木耳一身轻</span>
</li>
<li><a href="javascript:;">
<img src="images/h_food8.jpg" alt=""/>
小龙虾<br/>
</a>
<span>社交新宠儿</span>
</li>
<li><a href="javascript:;">
<img src="images/h_food9.jpg" alt=""/>
培根<br/>
</a>
<span>肉肉就是力量</span>
</li>
<li><a href="javascript:;">
<img src="images/h_food10.jpg" alt=""/>
鱿鱼<br/>
</a>
<span>炒我？没那么简单</span>
</li>
<li><a href="javascript:;">
<img src="images/h_food11.jpg" alt=""/>
鸡翅<br/>
</a>
<span>老少通吃</span>
</li>
<li><a href="javascript:;">
<img src="images/h_food12.jpg" alt=""/>
虾<br/>
</a>
<span>爱虾说</span>
</li>
<li><a href="javascript:;">
<img src="images/h_food13.jpg" alt=""/>
排骨<br/>
</a>
<span>可记得吮指之乐</span>
</li>
<li class="h_nt_se"><a href="javascript:;">
<img src="images/h_food14.jpg" alt=""/>
蛤蜊<br/>
</a>
<span>情迷西施舌</span>
</li>
</ul>
</div>
</div>
<div class="h_topic clearfix">
<div class="h_tit">
<div class="le">
<a href="javascript:;" class="h_tit_check">热门话题</a>
<a href="javascript:;">精华日志</a>
</div>
<div class="ri">
<a href="javascript:;" class="h_act">全部话题</a>
<a href="javascript:;" class="h_act">全部日志</a>
<a href="javascript:;" class="h_act">社区首页</a>
</div>
</div>
<div class="h_live_main">
<div class="h_live_main_f h_live_main_w">
<ul>
<li>
<div class="h_user">
<a href="javascript:;"><img src="images/h_user1.jpg" alt=""/></a>
<div>
<a href="javascript:;" class="h_top_hover">HI花花儿</a>
<span>5小时前</span>
</div>
</div>
<a href="javascript:;" class="h_top_hover">#甜蜜七夕# 收到礼物🎁🎁
昨天收到取货通知，立刻去取了回来，是一个小包包，很可爱😍，谢谢美天亲爱的们支持😘😘......</a>
<div class="h_topic_img"><a href="javascript:;"><img src="images/h_topic1.jpg" alt=""/></a>
</div>
<p>16个喜欢，13条评论</p>
</li>
<li class="h_topic_t">
<div class="h_user">
<a href="javascript:;"><img src="images/h_user2.jpg" alt=""/></a>
<div>
<a href="javascript:;" class="h_top_hover">演堃@杨爸爸</a>
<span>6小时前</span>
</div>
</div>
<a href="javascript:;" class="h_top_hover">发个与美食无关的话题，这款向日葵是毛线钩的，在淘宝上购买原材......</a>
<div class="h_topic_img"><a href="javascript:;"><img src="images/h_topic2.jpg" alt=""/><img src="images/h_topic2.jpg" alt=""/><img src="images/h_topic2.jpg" alt=""/><img src="images/h_topic2.jpg" alt=""/></a>
</div>
<p>13个喜欢，11条评论</p>
</li>
<li>
<div class="h_user">
<a href="javascript:;"><img src="images/h_user3.jpg" alt=""/></a>
<div>
<a href="javascript:;" class="h_top_hover">zhangshouhua</a>
<span>9小时前</span>
</div>
</div>
<a href="javascript:;" class="h_top_hover">我们又准备炸知了，哈哈哈哈……。</a>
<div class="h_topic_img"><a href="javascript:;"><img src="images/h_topic_3_1.jpg" alt=""/><img src="images/h_topic_3_2.jpg" alt=""/><img src="images/h_topic_3_3.jpg" alt=""/></a>
</div>
<p>11个喜欢，12条评论</p>
</li>
<li class="h_topic_t">
<div class="h_user">
<a href="javascript:;"><img src="images/h_user4.jpg" alt=""/></a>
<div>
<a href="javascript:;" class="h_top_hover">阳光萱宝贝</a>
<span>9小时前</span>
</div>
</div>
<a href="javascript:;" class="h_top_hover">#早餐#早上睡了个懒觉，早餐来晚了 早餐:糯米饭包子、红豆糖。不喜欢做成烧卖那样，觉得很油，做成包子正好要，一......</a>
<div class="h_topic_img"><a href="javascript:;"><img src="images/h_topic_4.jpg" alt=""/><img src="images/h_topic_4.jpg" alt=""/></a>
</div>
<p>12个喜欢，15条评论</p>
</li>
<li>
<div class="h_user">
<a href="javascript:;"><img src="images/h_user5.jpg" alt=""/></a>
<div>
<a href="javascript:;" class="h_top_hover">hb俗人</a>
<span>10小时前</span>
</div>
</div>
<a href="javascript:;" class="h_top_hover">#早餐#早餐有点晚了，排骨面</a>
<div class="h_topic_img"><a href="javascript:;"><img src="images/h_topic_5_1.jpg" alt=""/><img src="images/h_topic_5_2.jpg" alt=""/></a>
</div>
<p>13喜欢，14条评论</p>
</li>
<li class="h_topic_t">
<div class="h_user">
<a href="javascript:;"><img src="images/h_user6.jpg" alt=""/></a>
<div>
<a href="javascript:;" class="h_top_hover">梦～桃缘</a>
<span>10小时前</span>
</div>
</div>
<a href="javascript:;" class="h_top_hover">#早餐# 鸡蛋三文治，面疙瘩，水果。</a>
<div class="h_topic_img"><a href="javascript:;"><img src="images/h_topic_6_1.jpg" alt=""/><img src="images/h_topic_6_2.jpg" alt=""/></a>
</div>
<p>23喜欢，21条评论</p>
</li>
<li>
<div class="h_user">
<a href="javascript:;"><img src="images/h_user7.jpg" alt=""/></a>
<div>
<a href="javascript:;" class="h_top_hover">清水淡竹</a>
<span>10小时前</span>
</div>
</div>
<a href="javascript:;" class="h_top_hover">#早餐#紫薯玫瑰花、肉末蒸蛋、白粥。周末愉快🌹🌹🌹</a>
<div class="h_topic_img"><a href="javascript:;"><img src="images/h_topic_7.jpg" alt=""/></a>
</div>
<p>13个喜欢，17条评论</p>
</li>
<li class="h_topic_t">
<div class="h_user">
<a href="javascript:;"><img src="images/h_user8.jpg" alt=""/></a>
<div>
<a href="javascript:;" class="h_top_hover">金凤栖梧</a>
<span>12小时前</span>
</div>
</div>
<a href="javascript:;" class="h_top_hover">#早餐#亲们周日早上好：炒三丁、老黄瓜汤、米饭、李子</a>
<div class="h_topic_img"><a href="javascript:;"><img src="images/h_topic_8_1.jpg" alt=""/><img src="images/h_topic_8_2.jpg" alt=""/><img src="images/h_topic_8_3.jpg" alt=""/><img src="images/h_topic_8_4.jpg" alt=""/></a>
</div>
<p>22个喜欢，21条评论</p>
</li>
<li>
<div class="h_user">
<a href="javascript:;"><img src="images/h_user1.jpg" alt=""/></a>
<div>
<a href="javascript:;" class="h_top_hover">HI花花儿</a>
<span>2017-9-3</span>
</div>
</div>
<a href="javascript:;" class="h_top_hover">#早餐#煎鳕鱼 人生没有一锤定音，努力总有机会绝地反击。因为没有人能够预知下一秒会发生什么，但每个人都能把握现在。💓💓</a>
<div class="h_topic_img"><a href="javascript:;"><img src="images/h_topic_9_1.jpg" alt=""/><img src="images/h_topic_9_2.jpg" alt=""/><img src="images/h_topic_9_3.jpg" alt=""/></a>
</div>
<p>26个喜欢，18条评论</p>
</li>
<li class="h_topic_t">
<div class="h_user">
<a href="javascript:;"><img src="images/h_user9.jpg" alt=""/></a>
<div>
<a href="javascript:;" class="h_top_hover">爱吃客HQ</a>
<span>2017-9-3</span>
</div>
</div>
<a href="javascript:;" class="h_top_hover">中西合璧<br/>
#早餐# 礼貌和教养不只是干瘪单薄的客套，还有推己及人的周到......</a>
<div class="h_topic_img"><a href="javascript:;"><img src="images/h_topic_10_1.jpg" alt=""/><img src="images/h_topic_10_2.jpg" alt=""/></a>
</div>
<p>19个喜欢，16条评论</p>
</li>
<li>
<div class="h_user">
<a href="javascript:;"><img src="images/h_user10.jpg" alt=""/></a>
<div>
<a href="javascript:;" class="h_top_hover">心语梦境</a>
<span>2017-9-3</span>
</div>
</div>
<a href="javascript:;" class="h_top_hover"> #早餐#拌面～亲们，早安🌹</a>
<div class="h_topic_img"><a href="javascript:;"><img src="images/h_topic_11_1.jpg" alt=""/><img src="images/h_topic_11_2.jpg" alt=""/></a>
</div>
<p>29个喜欢，21条评论</p>
</li>
<li class="h_topic_t">
<div class="h_user">
<a href="javascript:;"><img src="images/h_user11.jpg" alt=""/></a>
<div>
<a href="javascript:;" class="h_top_hover">厨娘宋宋</a>
<span>2017-9-3</span>
</div>
</div>
<a href="javascript:;" class="h_top_hover">#早餐# 早安美天的亲们，周末愉快！ 今日早餐，菌菇香肠炒面，哈密瓜，橙汁！</a>
<div class="h_topic_img"><a href="javascript:;"><img src="images/h_topic_12_1.jpg" alt=""/><img src="images/h_topic_12_2.jpg" alt=""/><img src="images/h_topic_12_1.jpg" alt=""/><img src="images/h_topic_12_2.jpg" alt=""/></a></div>
<p>33个喜欢，22条评论</p>
</li>
<li>
<div class="h_user">
<a href="javascript:;"><img src="images/h_user12.jpg" alt=""/></a>
<div>
<a href="javascript:;" class="h_top_hover">娇婧</a>
<span>2017-9-3</span>
</div>
</div>
<a href="javascript:;" class="h_top_hover">没有华丽的摆盘，只有吃肉的满足。</a>
<div class="h_topic_img"><a href="javascript:;"><img src="images/h_topic_13_1.jpg" alt=""/><img src="images/h_topic_13_2.jpg" alt=""/></a>
</div>
<p>16个喜欢，12条评论</p>
</li>
<li class="h_topic_t">
<div class="h_user">
<a href="javascript:;"><img src="images/h_user13.jpg" alt=""/></a>
<div>
<a href="javascript:;" class="h_top_hover">娇婧</a>
<span>2017-9-3</span>
</div>
</div>
<a href="javascript:;" class="h_top_hover">黑醋沙拉:燕麦面包、三文鱼、牛油果、紫甘蓝、生菜。</a>
<div class="h_topic_img"><a href="javascript:;"><img src="images/h_topic_14_1.jpg" alt=""/><img src="images/h_topic_14_2.jpg" alt=""/><img src="images/h_topic_14_3.jpg" alt=""/><img src="images/h_topic_14_4.jpg" alt=""/></a>
</div>
<p>14个喜欢，12条评论</p>
</li>
<li>
<div class="h_user">
<a href="javascript:;"><img src="images/h_user14.jpg" alt=""/></a>
<div>
<a href="javascript:;" class="h_top_hover">天国的女儿</a>
<span>2017-9-3</span>
</div>
</div>
<a href="javascript:;" class="h_top_hover">看到这是什么饭了么😊</a>
<div class="h_topic_img"><a href="javascript:;"><img src="images/h_topic_15_1.jpg" alt=""/><img src="images/h_topic_15_2.jpg" alt=""/></a>
</div>
<p>12个喜欢，15条评论</p>
</li>
<li class="h_topic_t">
<div class="h_user">
<a href="javascript:;"><img src="images/h_user15.jpg" alt=""/></a>
<div>
<a href="javascript:;" class="h_top_hover">情一诺</a>
<span>2017-9-3</span>
</div>
</div>
<a href="javascript:;" class="h_top_hover">食欲看看就来了！</a>
<div class="h_topic_img"><a href="javascript:;"><img src="images/h_topic_16.jpg" alt=""/></a>
</div>
<p>18个喜欢，25条评论</p>
</li>
<li>
<div class="h_user">
<a href="javascript:;"><img src="images/h_user16.jpg" alt=""/></a>
<div>
<a href="javascript:;" class="h_top_hover">HI花花儿</a>
<span>2017-9-3</span>
</div>
</div>
<a href="javascript:;" class="h_top_hover">美食的诱惑</a>
<div class="h_topic_img"><a href="javascript:;"><img src="images/h_topic_20_1.jpg" alt=""/><img src="images/h_topic_20_2.jpg" alt=""/><img src="images/h_topic_20_3.jpg" alt=""/><img src="images/h_topic_20_4.jpg" alt=""/></a>
</div>
<p>17个喜欢，17条评论</p>
</li>
<li class="h_topic_t">
<div class="h_user">
<a href="javascript:;"><img src="images/h_user17.jpg" alt=""/></a>
<div>
<a href="javascript:;" class="h_top_hover">风满楼</a>
<span>2017-9-3</span>
</div>
</div>
<a href="javascript:;" class="h_top_hover">健康，营养，能量不高</a>
<div class="h_topic_img"><a href="javascript:;"><img src="images/h_topic_17_1.jpg" alt=""/><img src="images/h_topic_17_2.jpg" alt=""/><img src="images/h_topic_17_3.jpg" alt=""/><img src="images/h_topic_17_4.jpg" alt=""/></a>
</div>
<p>12个喜欢，10条评论</p>
</li>
<li>
<div class="h_user">
<a href="javascript:;"><img src="images/h_user18.jpg" alt=""/></a>
<div>
<a href="javascript:;" class="h_top_hover">红米乐呵</a>
<span>2017-9-3</span>
</div>
</div>
<a href="javascript:;" class="h_top_hover">#早餐#山光忽西落，池月漸東上。 散髮乘夕涼，開軒臥閒敞。 【二十四節氣 小暑】 親們，早安！</a>
<div class="h_topic_img"><a href="javascript:;"><img src="images/h_topic_18_1.jpg" alt=""/><img src="images/h_topic_18_2.jpg" alt=""/><img src="images/h_topic_18_3.jpg" alt=""/><img src="images/h_topic_18_4.jpg" alt=""/></a>
</div>
<p>23个喜欢，22条评论</p>
</li>
<li class="h_topic_t">
<div class="h_user">
<a href="javascript:;"><img src="images/h_user19.jpg" alt=""/></a>
<div>
<a href="javascript:;" class="h_top_hover">爱吃客HQ</a>
<span>2017-9-3</span>
</div>
</div>
<a href="javascript:;" class="h_top_hover" class="h_top_hover">大鱼大肉！吃！</a>
<div class="h_topic_img"><a href="javascript:;"><img src="images/h_topic_19_1.jpg" alt=""/><img src="images/h_topic_19_2.jpg" alt=""/><img src="images/h_topic_19_3.jpg" alt=""/><img src="images/h_topic_19_4.jpg" alt=""/></a>
</div>
<p>20个喜欢，17条评论</p>
</li>
</ul>
</div>
<div class="h_live_main_w">
<ul class="m_tab_first left">
<li class="left">
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_top1.jpg" alt=""/></a>
</div>
<p class="m_list_p">双色剪刀面<br><span>小艾厨娘</span></p>
</div>
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_top2.jpg" alt=""/></a>
</div>
<p class="m_list_p">韭菜炒河虾<br><span>绿野薄荷</span></p>
</div>
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_top3.jpg" alt=""/></a>
</div>
<p class="m_list_p">蒜辣拌鸡胗<br><span>绿野薄荷</span></p>
</div>
<div class="m_tab_li m_tab_li_last">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_top4.jpg" alt=""/></a>
</div>
<p class="m_list_p">辣椒炒双鲜<br><span>绿野薄荷</span></p>
</div>
</li>
<li class="left">
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_top5.jpg" alt=""/></a>
</div>
<p class="m_list_p">红烧肉<br><span>绿野薄荷</span></p>
</div>
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_top6.jpg" alt=""/></a>
</div>
<p class="m_list_p">香酥椒盐河虾<br><span>绿野薄荷</span></p>
</div>
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_top7.jpg" alt=""/></a>
</div>
<p class="m_list_p">无花果银耳百合汤<br><span>Qiuyue0815</span></p>
</div>
<div class="m_tab_li m_tab_li_last">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_top8.jpg" alt=""/></a>
</div>
<p class="m_list_p">沙棘糖心面包<br><span>食·色</span></p>
</div>
</li>
<li class="left">
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_top9.jpg" alt=""/></a>
</div>
<p class="m_list_p">小米红薯血麦粥<br><span>Qiuyue0815</span></p>
</div>
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_top10.jpg" alt=""/></a>
</div>
<p class="m_list_p">甜心沙棘小蛋糕<br><span>食·色</span></p>
</div>
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_top11.jpg" alt=""/></a>
</div>
<p class="m_list_p">土豆焖鸡<br><span>sourcehe</span></p>
</div>
<div class="m_tab_li m_tab_li_last">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_top12.jpg" alt=""/></a>
</div>
<p class="m_list_p">沙棘小餐包<br><span>食·色</span></p>
</div>
</li>
<li class="left">
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_top13.jpg" alt=""/></a>
</div>
<p class="m_list_p">剁椒蒸南瓜金针菇<br><span>sourcehe</span></p>
</div>
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_top14.jpg" alt=""/></a>
</div>
<p class="m_list_p">沙棘凉糕<br><span>食·色</span></p>
</div>
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_top15.jpg" alt=""/></a>
</div>
<p class="m_list_p">酱香冬瓜焖鸡<br><span>sourcehe</span></p>
</div>
<div class="m_tab_li m_tab_li_last">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_top16.jpg" alt=""/></a>
</div>
<p class="m_list_p">宫保鸡丁<br><span>sourcehe</span></p>
</div>
</li>
<li class="left">
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_top17.jpg" alt=""/></a>
</div>
<p class="m_list_p">天然酵种烤洋葱乳酪面包<br><span>食·色</span></p>
</div>
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_top18.jpg" alt=""/></a>
</div>
<p class="m_list_p">【食·色面包】——天然酵种潘妮托尼<br><span>食·色</span></p>
</div>
<div class="m_tab_li">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_top19.jpg" alt=""/></a>
</div>
<p class="m_list_p">双辣炒鸡<br><span>sourcehe</span></p>
</div>
<div class="m_tab_li m_tab_li_last">
<div class="m_list_img">
<a href="javascript:;"><img src="images/h_top20.jpg" alt=""/></a>
</div>
<p class="m_list_p">瑞典黑麦面包<br><span>食·色</span></p>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="k_footer">
<div class="k_f1">
<p class="c3b"><a target="_blank" href="">美食天下 - 让吃更美好！</a></p>
<p class="c3c">
<a class="h_solid" target="_blank" href="" title="关于我们">关于我们</a>
<a class="h_solid" target="_blank" href="" title="联系我们">联系我们</a>
<a class="h_solid" target="_blank" href="" title="加入我们">加入我们</a>
<a class="h_solid" target="_blank" href="" title="服务声明">服务声明</a>
<a class="h_solid" target="_blank" href="" title="友情链接">友情链接</a>
<a class="h_solid" target="_blank" href="" title="网站地图">网站地图</a>
<a class="h_solid" target="_blank" href="">移动应用</a>
</p>
</div>
<div class="k_ewm1">
<img src="images/weixin.png">
<p>微信公众号</p>
</div>
<div class="k_ewm1 k_frist">
<img src="images/msc_app.png">
<p>手机客户端</p>
</div>
<div class="h_link">
<strong>友情链接：</strong>
<a href="javascript:;" class="h_solid">爱奇艺生活</a>
<a href="javascript:;" class="h_solid">应用汇</a>
<a href="javascript:;" class="h_solid">中华美食网</a>
<a href="javascript:;" class="h_solid">太平洋亲子网</a>
<a href="javascript:;" class="h_solid">美食杰</a>
<a href="javascript:;" class="h_solid">POCO美食网</a>
<a href="javascript:;" class="h_solid">红餐网</a>
<a href="javascript:;" class="h_solid">食品商务网</a>
<a href="javascript:;" class="h_solid">妈妈网</a>
<a href="javascript:;" class="h_solid">亲宝网</a>
<a href="javascript:;" class="h_solid">6296网址大全</a>
<a href="javascript:;" class="h_solid">中国地图</a>
<a href="javascript:;" class="h_solid">三九养生堂</a>
<a href="javascript:;" class="h_solid">饭菜网</a>
<a href="javascript:;" class="h_solid">波奇网</a>
<a href="javascript:;" class="h_solid">糖豆网</a>
<a href="javascript:;" class="h_solid">聪慧网</a>
<a href="javascript:;" class="h_solid">企业服务平台</a>
<a href="javascript:;" class="h_solid">什么值得买</a>
<a href="javascript:;" class="h_solid">一点资讯</a>
<a href="javascript:;" class="h_solid">铲土官</a>
</div>
<div class="h_copy">
<p>版权所有 © 2004-2017 美食天下 保留所有权利 - <img src="images/h_beian.png" alt=""/><span>京公网安备 11010502031041号</span>
/ 京ICP证090244号 / <span>京ICP备10020153号</span></p>
<div class="h_copy_ri"><a href="javascript:;"><img src="images/h_sm.png" alt=""/></a> <a
href="javascript:;"><img src="images/h_cnnic.png" alt=""/></a></div>
</div>
</div>
<div id="goTop" class="gotop">
<img src="images/h_gotop.png" alt=""/>
</div>
</body>
总结
设计一个样式美观又人性化的网页，除了具备扎实的专业知识，还需具备美学和人机工程学等相关知识，优秀的网页应具备以下几个特点:
1.简洁实用
尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的，要去掉所有的冗余的东西；
2.使用方便
要满足使用者的要求，网页适合使用，显示出其功能美；
3.整体性好
围绕一个统一的目标设计，强调整体的功能性；
4.形象突出
尽量符合网页美的标准，能够使网站的形象得到最大限度的提升，追求雅俗共赏。页面用色协调，布局符合形式美的要求：布局有条理，充分利用美的形式，使网页富有可欣赏性，提高档次。
5.交互式强
发挥网络的优势，想方设法使每个使用者都参与到其中来。
更多推荐
【关注作者|获取更多源码|优质文章】；Web前端网页制作、大学生毕业设计辅导、期末大作业辅导、模板源码、技术咨询等，有兴趣的联系我!
更多优质博客文章、网页模板点击以下链接查阅：
html+css+js网页设计 优快云博客
html+css+js网页设计 优快云博客
html+css+js网页设计 优快云博客
关注作者，点赞收藏博文，获取更多源码，Thanks！5000+完整代码，主题涵盖30+种类型:
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
