0
点赞
收藏
分享

微信扫一扫

html期末作业代码网页设计——中韩美食加盟网站(22页) H关于食品的网页设计作页源码下载DW大学生网页大作业网页设计

毅会 2022-04-25 阅读 33
html前端cssjavascript美食

HTML5期末大作业

文章目录

一、作品展示

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

二、文件目录

在这里插入图片描述

三、代码实现


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/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 - 2015 Tencent. All Rights Reserved.</li>
      <li><a href="#">中韩加盟网 版权所有</a></li>
    </ul>
  </div>
</div>
</body>
</html>

四、获取更多源码

~ 关注我，点赞博文~ 每天带你涨知识

举报

相关推荐

中国传统美食网页HTML代码 学生网页课程设计期末作业下载 美食大学生网页设计制作成品下载 DW餐饮美食网页作业代码下载

htmlcssweb前端HTML5移动开发

节日网页HTML代码 学生网页课程设计期末作业下载 清明节大学生网页设计制作成品下载 DW节日网页作业代码下载

webweb课程与设计web前端期末大作业前端网页设计与制作编程语言

仿英雄联盟网页HTML代码 学生网页设计与制作期末作业下载 大学生网页设计与制作成品下载 DW游戏介绍网页作业代码下载

html3ccssHTML5移动开发

html期末作品大作业——IT技术个人简历(1页)网页设计作业 学生网页作业

html前端javascript作业css3

html静态页面作业——火锅食品餐饮网站设计(11页) 美食网页制作作业, 学生生鲜水果网页作业, 小吃网页作业成品, 连锁加盟网页作业模板

html前端css美食javascript

大学生网页设计作业 html+css+js网上鲜花售卖网站(期末网页设计作业)

cssdreamweaverhtmlhtml静态网页经典案例系统/运维

HTML期末大学生网页设计作业——奇恩动漫HTML (1页面) HTML+CSS+JS网页设计期末课程大作业...

htmlcssjavascriptdreamweaver前端前端开发

HTML期末大学生网页设计作业——奇恩动漫HTML (1页面) HTML+CSS+JS网页设计期末课程大作业

jscsshtmlwebide系统/运维

dreamweaver作业静态HTML网页设计——摩尔庄园7页HTML+CSS+JS DW大学生网页作业制作设计 Dreamweaver简单网页

web大学生期末作业javascript大作业web前端实训作业htmll大作业html编程语言

HTML5期末大作业：关于动漫网站设计(6页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 web学生网页设计作业源码

htmlcsshtml5动漫网页设计HTMLico
0 条评论