静态HTML网页设计作品——水果超市(6页) HTML+CSS+JavaScript 学生DW网页设 ...

打印 上一主题 下一主题

主题 624|帖子 624|积分 1872

HTML5期末大作业:水果超市网站设计——水果超市(6页) HTML+CSS+JavaScript 学生DW网页设计作业成品


文章目录



一、作品展示







二、文件目录


三、代码实现

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>最新资讯</title>
  6.     <link href="css/touch.css"rel="stylesheet">
  7.     <link href="css/share.css"rel="stylesheet">
  8.    
  9. </head>
  10. <body>
  11.    
  12.         <img src="https://blog.csdn.net/images/logo.jpg" style="margin-top: 7px;float: left;position: absolute">
  13.         
  14.             <ul>
  15.                 <li><a target="_blank" href="https://blog.csdn.net/index.html">首页</a> </li>
  16.                 <li><a target="_blank" href="https://blog.csdn.net/hot.html">蔬果热卖</a> </li>
  17.                 <li><a target="_blank" href="https://blog.csdn.net/produ.html">全部产品</a> </li>
  18.                 <li><a target="_blank" href="https://blog.csdn.net/consult.html" >最新资讯</a></li>
  19.                 <li><a target="_blank" href="https://blog.csdn.net/touch.html"style="color: #4AB344">联系我们</a> </li>
  20.             </ul>
  21.             
  22.                
  23.                
  24.             
  25.         
  26.         
  27.             <i class="iconfont" style="font-size: 16px;margin-right: 10px"></i>
  28.             我的购物车 ∨
  29.             
  30.                 <i class="iconfont"style="font-size: 40px;margin-right: 10px"></i>
  31.                 您的购物车内暂时没有任何产品。
  32.             
  33.         
  34.    
  35.    
  36.    
  37.         
  38.             
  39.                
  40.                     
  41.                         <p>产品分类</p>
  42.                     
  43.                     
  44.                         <p><a target="_blank" href="https://blog.csdn.net/#">国产水果</a> </p>
  45.                         <p><a target="_blank" href="https://blog.csdn.net/#"> 进口水果</a></p>
  46.                         <p style="border-bottom:0px dashed #999999;"><a target="_blank" href="https://blog.csdn.net/#">新鲜时蔬</a></p>
  47.                     
  48.                
  49.                
  50.                     
  51.                         <p>在线客服</p>
  52.                     
  53.                     
  54.                        
  55.                            <p><a hidefocus="true" target="_blank" href="https://blog.csdn.net/#">
  56.                                 蜜桃
  57.                            </a>
  58.                            </p>
  59.                            <P><a hidefocus="true" target="_blank" href="https://blog.csdn.net/#">
  60.                                 芒果
  61.                            </a>
  62.                            </P>
  63.                        
  64.                         
  65.                            
  66.                                  
  67.                                 <b>工作时间</b>
  68.                            
  69.                             周一至周五 :8:30-17:30
  70.                             周六至周日 :9:00-17:00
  71.                         
  72.                     
  73.                
  74.             
  75.             
  76.                
  77.                     
  78.                         <img src="https://blog.csdn.net/images/tou-1.png">
  79.                     
  80.                     
  81.                         
  82.                            
  83.                                 
  84.                                     向越来越多的人提供最好吃的水果
  85.                                 <br style="">
  86.                                 <p style="color: rgb(0, 0, 0); font-family: 宋体; font-size: 12px;">
  87.                                     
  88.                                         FRESH蔬果(集团)有限公司以蔬果、水果、粮油、肉类、冻品、水产、南北干货以及花卉等农产品批发市场经营管理、生鲜配送为主力业态。
  89.                                     </p>
  90.                                 <p style="color: rgb(0, 0, 0); font-family: 宋体; font-size: 12px;">
  91.                                     用毕生精力致力于水果产业链和水果专营连锁业态的发展,为消费者提供最好吃的水果。开拓创新立宏愿,决心“一生只做一件事,一心一意做水果”。
  92.                                 </p><p style="color: rgb(0, 0, 0); font-family: 宋体; font-size: 12px;"></p>
  93.                             <p style="color: rgb(0, 0, 0); font-family: 宋体; font-size: 12px;"></p>
  94.                     
  95.                
  96.                
  97.                         <font style="color: rgb(5, 160, 69);" color="#05a045">
  98.                            
  99.                                         * 如有合作需要,请填写以下表单,我们将尽快给您回复,并为您提供最真诚的服务,谢谢您的支持。
  100.                            
  101.                         </font>
  102.                
  103.                
  104.                     <p>姓名</p>
  105.                     
  106.                         <input _show="1"class="g_itext" type="text"placeholder="请输入真实姓名">
  107.                         *
  108.                     
  109.                     <p>电话</p>
  110.                     
  111.                         <input _show="1"class="g_itext" type="text"placeholder="请输入真实电话">
  112.                         *
  113.                     
  114.                     <p>联系时间</p>
  115.                     
  116.                         <select _show="1" class="resize">
  117.                             <option value="none" style="display: none; ">请选择</option>
  118.                             <option value="工作日">工作日</option>
  119.                             <option value="周末">周末</option>
  120.                             <option value="随时">随时</option>
  121.                         </select>
  122.                     
  123.                     <p>留言内容</p>
  124.                     
  125.                         <textarea class="g_textarea resize" cols="50" rows="3" maxlength="1000" placeholder="请输入留言"></textarea>
  126.                         *
  127.                     
  128.                     <p>购买方式</p>
  129.                     
  130.                         
  131.                             <input type="radio" id="M376F1siteFormRadio3I0" name="M376F1siteFormRadioR3" value="批发">
  132.                             <label for="M376F1siteFormRadio3I0">批发</label>
  133.                         
  134.                         
  135.                             <input type="radio" id="M376F1siteFormRadio3I1" name="M376F1siteFormRadioR3" value="零食">
  136.                             <label for="M376F1siteFormRadio3I1">零食</label>
  137.                         
  138.                     
  139.                     
  140.                     
  141.                
  142.             
  143.         
  144.    
  145.    
  146.    
  147.         
  148.             <img src="https://blog.csdn.net/images/fot-1.jpg">
  149.         
  150.         
  151.             
  152.                 <h3>服务保障</h3>
  153.                 <p>正品保证</p>
  154.                 <p>7天无理由退换</p>
  155.                 <p>退货返运费</p>
  156.                 <p>7X15小时客户服务</p>
  157.             
  158.             
  159.                 <h3>支付方式</h3>
  160.                 <p>公司转账</p>
  161.                 <p>货到付款</p>
  162.                 <p>在线支付</p>
  163.                 <p>分期付款</p>
  164.             
  165.             
  166.                 <h3>商家服务</h3>
  167.                 <p>商家入驻</p>
  168.                 <p>培训中心</p>
  169.                 <p>广告服务</p>
  170.                 <p>服务市场</p>
  171.             
  172.             
  173.                 <h3>服务保障</h3>
  174.                 <p>免运费</p>
  175.                 <p>海外配送</p>
  176.                 <p>EMS</p>
  177.                 <p>211限时达</p>
  178.             
  179.         
  180.         
  181.             <p>©2016 果然新鲜 版权所有</p>
  182.             <p>手机版 | 本站使用<img src="https://blog.csdn.net/images/ft.jpg">凡科建站搭建 | 管理登录</p>
  183.         
  184.    
  185. </body>
  186. </html>
复制代码

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

灌篮少年

金牌会员
这个人很懒什么都没写!

标签云

快速回复 返回顶部 返回列表