HTML5期末大作业：中韩美食加盟网站设计——中韩美食加盟网站(22页)
文章目录
HTML5期末大作业：中韩美食加盟网站设计——中韩美食加盟网站(22页)一、作品展示二、文件目录三、代码实现四、获取更多源码一、作品展示
二、文件目录
三、代码实现
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>中韩美食网</title><link href="css/style.css" type="text/css" rel="stylesheet" /></head><body><div class="header"><div class="header-zj"><div class="login"><a href="zhuce.html">注册会员</a> | <a href="login.html">登陆入口</a></div><div class="sc">设为首页 | 加入收藏夹 | <a href="contact.html">联系我们</a></div><div class="lang">中文 | 韩语</div></div></div><div id="wrap"><div id="nav"><div class="logo"><img src="img/logo.png" width="100%" height="100%"/></div><div class="nav-1"><select class="nav_op"><option>青岛</option><option>北京</option><option>上海</option><option>广州</option><option>天津</option><option>沈阳</option><option>大连</option><option>重庆</option><option>西安</option><option>成都</option><option>燕郊</option><option>延边</option><option>烟台</option><option>威海</option></select></div><div class="search"><div id="search_box"> <form id="search_form" method="post" action="#"> <input type="text" id="s" value="输入您想要的商品" class="swap_value" /> <input type="image" src="img/soso.png" width="25px" height="25px" id="go" alt="Search" title="Search" /> </form> </div> </div></div><div id="nav-nav"><ul id="nav"><li><a href="#">网站首页</a></li><li><a href="#">快餐送餐</a><ul><li><a href="#">炸鸡</a></li><li><a href="#">烧烤</a></li><li><a href="#">西餐</a></li><li><a href="#">牛排</a></li><li><a href="#">中餐</a></li><li><a href="#">面包</a></li></ul></li><li><a href="#">特色饭店</a><ul><li><a href="#">炸鸡</a></li><li><a href="#">烧烤</a></li><li><a href="#">西餐</a></li><li><a href="#">牛排</a></li><li><a href="#">中餐</a></li><li><a href="#">面包</a></li></ul></li><li><a href="#">休闲娱乐</a><ul><li><a href="#">炸鸡</a></li><li><a href="#">烧烤</a></li><li><a href="#">西餐</a></li><li><a href="#">牛排</a></li><li><a href="#">中餐</a></li><li><a href="#">面包</a></li></ul></li><li><a href="#">综合超市</a><ul><li><a href="#">炸鸡</a></li><li><a href="#">烧烤</a></li><li><a href="#">西餐</a></li><li><a href="#">牛排</a></li><li><a href="#">中餐</a></li><li><a href="#">面包</a></li></ul></li><li><a href="#">旅游宾馆</a><ul><li><a href="#">炸鸡</a></li><li><a href="#">烧烤</a></li><li><a href="#">西餐</a></li><li><a href="#">牛排</a></li><li><a href="#">中餐</a></li><li><a href="#">面包</a></li></ul></li><li><a href="#">订制礼品</a><ul><li><a href="#">炸鸡</a></li><li><a href="#">烧烤</a></li><li><a href="#">西餐</a></li><li><a href="#">牛排</a></li><li><a href="#">中餐</a></li><li><a href="#">面包</a></li></ul></li><li><a href="#">服务培训</a><ul><li><a href="#">炸鸡</a></li><li><a href="#">烧烤</a></li><li><a href="#">西餐</a></li><li><a href="#">牛排</a></li><li><a href="#">中餐</a></li><li><a href="#">面包</a></li></ul></li><li><a href="#">医院其他</a><ul><li><a href="#">炸鸡</a></li><li><a href="#">烧烤</a></li><li><a href="#">西餐</a></li><li><a href="#">牛排</a></li><li><a href="#">中餐</a></li><li><a href="#">面包</a></li></ul></li></ul> </div><div id="mainbody"><div class="banner"><table width="100%" border="0" cellspacing="0" class="b-pic"></div></a><a href="dc.html"><div class="left1"><div class="pic"><img src="img/3.gif" width="100%"/></div><p>双鱼座文艺烤鱼<br />星级：★★★★<br /><span>查看详情</span></p></div></a><a href="dc.html"><div class="left1"><div class="pic"><img src="img/4.gif" width="100%"/></div><p>双鱼座文艺烤鱼<br />星级：★★★★<br /><span>查看详情</span></p></div></a><a href="dc.html"><div class="left1"><div class="pic"><img src="img/5.gif" width="100%"/></div><p>双鱼座文艺烤鱼<br />星级：★★★★<br /><span>查看详情</span></p></div></a><a href="dc.html"><div class="left2"><div class="pic"><img src="img/6.gif" width="100%"/></div><p>双鱼座文艺烤鱼<br />星级：★★★★<br /><span>查看详情</span></p></div></a></div></div><!--制订礼品--><!--服务培训--><h4 class="text"><a href="fl.html">服务培训</a></h4><div id="main1"><div class="con"><div class="left1"><table width="100%" border="0" cellspacing="0" class="conleft"><tr><td><a href="fl-qt.html">ktv</a></td><td><a href="fl-qt.html">洗浴</a></td></tr><tr><td><a href="fl-qt.html">温泉</a></td><td><a href="fl-qt.html">足疗保健</a></td></tr><tr><td><a href="fl-qt.html">美容美甲</a></td><td><a href="fl-qt.html">美发</a></td></tr><tr><td><a href="fl-qt.html">瑜伽</a></td><td><a href="fl-qt.html">游泳</a></td></tr><tr><td><a href="fl-qt.html">咖啡</a></td><td><a href="fl-qt.html">酒吧</a></td></tr><tr><td><a href="fl-qt.html">高尔夫</a></td><td><a href="fl-qt.html">台球厅</a></td></tr></table></div><a href="dc.html"><div class="left1"><div class="pic"><img src="img/2.gif" width="100%"/></div><p>双鱼座文艺烤鱼<br />星级：★★★★<br /><span>查看详情</span></p></div></a><a href="dc.html"><div class="left1"><div class="pic"><img src="img/3.gif" width="100%"/></div><p>双鱼座文艺烤鱼<br />星级：★★★★<br /><span>查看详情</span></p></div></a><a href="dc.html"><div class="left1"><div class="pic"><img src="img/4.gif" width="100%"/></div><p>双鱼座文艺烤鱼<br />星级：★★★★<br /><span>查看详情</span></p></div></a><a href="dc.html"><div class="left1"><div class="pic"><img src="img/5.gif" width="100%"/></div><p>双鱼座文艺烤鱼<br />星级：★★★★<br /><span>查看详情</span></p></div></a><a href="dc.html"><div class="left2"><div class="pic"><img src="img/6.gif" width="100%"/></div><p>双鱼座文艺烤鱼<br />星级：★★★★<br /><span>查看详情</span></p></div></a></div></div><!--服务培训--><!--医院其他--><h4 class="text"><a href="fl.html">医院其他</a></h4><div id="main1"><div class="con"><div class="left1"><table width="100%" border="0" cellspacing="0" class="conleft"><tr><td><a href="fl-qt.html">ktv</a></td><td><a href="fl-qt.html">洗浴</a></td></tr><tr><td><a href="fl-qt.html">温泉</a></td><td><a href="fl-qt.html">足疗保健</a></td></tr><tr><td><a href="fl-qt.html">美容美甲</a></td><td><a href="fl-qt.html">美发</a></td></tr><tr><td><a href="fl-qt.html">瑜伽</a></td><td><a href="fl-qt.html">游泳</a></td></tr><tr><td><a href="fl-qt.html">咖啡</a></td><td><a href="fl-qt.html">酒吧</a></td></tr><tr><td><a href="fl-qt.html">高尔夫</a></td><td><a href="fl-qt.html">台球厅</a></td></tr></table></div><a href="dc.html"><div class="left1"><div class="pic"><img src="img/2.gif" width="100%"/></div><p>双鱼座文艺烤鱼<br />星级：★★★★<br /><span>查看详情</span></p></div></a><a href="dc.html"><div class="left1"><div class="pic"><img src="img/3.gif" width="100%"/></div><p>双鱼座文艺烤鱼<br />星级：★★★★<br /><span>查看详情</span></p></div></a><a href="dc.html"><div class="left1"><div class="pic"><img src="img/4.gif" width="100%"/></div><p>双鱼座文艺烤鱼<br />星级：★★★★<br /><span>查看详情</span></p></div></a><a href="dc.html"><div class="left1"><div class="pic"><img src="img/5.gif" width="100%"/></div><p>双鱼座文艺烤鱼<br />星级：★★★★<br /><span>查看详情</span></p></div></a><a href="dc.html"><div class="left2"><div class="pic"><img src="img/6.gif" width="100%"/></div><p>双鱼座文艺烤鱼<br />星级：★★★★<br /><span>查看详情</span></p></div></a></div></div><!--医院其他--><img src="img/jj.png" width="100%"/> <div class="footer"><h3>合作伙伴</h3><ul><li><img src="img/bq1.jpg" width="100%" height="100%"/></li><li><img src="img/bq2.jpg" width="100%" height="100%"/></li><li><img src="img/bq3.jpg" width="100%" height="100%"/></li><li><img src="img/bq4.jpg" width="100%" height="100%"/></li><li><img src="img/bq1.jpg" width="100%" height="100%"/></li><li><img src="img/bq2.jpg" width="100%" height="100%"/></li><li><img src="img/bq3.jpg" width="100%" height="100%"/></li><li><img src="img/bq4.jpg" width="100%" height="100%"/></li><li><img src="img/bq1.jpg" width="100%" height="100%"/></li><li><a href="#">朝鲜族网址站</a></li><li><a href="#">朝鲜族网</a></li><li><a href="#">韩国美食屋</a></li><li><a href="#">朝鲜族网址站</a></li><li><a href="#">青岛美食</a></li><li><a href="#">韩国美食屋</a></li><li><a href="#">北京美食网</a></li><li><a href="#">中国美食屋</a></li><li><a href="#">朝鲜族网址站</a></li><li><a href="#">朝鲜族网址站</a></li><li><a href="#">韩国美食屋</a></li><li><a href="#">韩国美食屋</a></li><li><a href="#">北京美食网</a></li><li><a href="#">中国美食屋</a></li></ul></div><div id="footer"><ul><li>关于美食网 | 新闻中心 | 服务条款与声明 | 诚聘英才 | 加入延边美食网 | 帮助中心 | 联系我们</li> <li>Copyright © 1998 - Tencent. All Rights Reserved.</li><li><a href="#">中韩加盟网 版权所有</a></li></ul></div></div></body></html>
四、获取更多源码
~ 关注我，点赞博文~ 每天带你涨知识!
相关问题可以相互学习，可关注↓公Z号 获取更多源码
html期末作业代码网页设计——中韩美食加盟网站(22页) H关于食品的网页设计作页源码下载DW大学生网页大作业网页设计
