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

灌篮少年 · 2022-6-25 08:12:41

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

文章目录

一、作品展示

二、文件目录

三、代码实现

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>最新资讯</title>
<link href="css/touch.css"rel="stylesheet">
<link href="css/share.css"rel="stylesheet">
</head>
<body>
<img src="https://blog.csdn.net/images/logo.jpg" style="margin-top: 7px;float: left;position: absolute">
<ul>
<li><a target="_blank" href="https://blog.csdn.net/index.html">首页</a> </li>
<li><a target="_blank" href="https://blog.csdn.net/hot.html">蔬果热卖</a> </li>
<li><a target="_blank" href="https://blog.csdn.net/produ.html">全部产品</a> </li>
<li><a target="_blank" href="https://blog.csdn.net/consult.html" >最新资讯</a></li>
<li><a target="_blank" href="https://blog.csdn.net/touch.html"style="color: #4AB344">联系我们</a> </li>
</ul>
<i class="iconfont" style="font-size: 16px;margin-right: 10px"></i>
我的购物车 ∨
<i class="iconfont"style="font-size: 40px;margin-right: 10px"></i>
您的购物车内暂时没有任何产品。
<p>产品分类</p>
<p><a target="_blank" href="https://blog.csdn.net/#">国产水果</a> </p>
<p><a target="_blank" href="https://blog.csdn.net/#"> 进口水果</a></p>
<p style="border-bottom:0px dashed #999999;"><a target="_blank" href="https://blog.csdn.net/#">新鲜时蔬</a></p>
<p>在线客服</p>
<p><a hidefocus="true" target="_blank" href="https://blog.csdn.net/#">
蜜桃
</a>
</p>
<P><a hidefocus="true" target="_blank" href="https://blog.csdn.net/#">
芒果
</a>
</P>
<b>工作时间</b>
周一至周五：8:30-17:30
周六至周日：9:00-17:00
<img src="https://blog.csdn.net/images/tou-1.png">
向越来越多的人提供最好吃的水果
<br style="">
<p style="color: rgb(0, 0, 0); font-family: 宋体; font-size: 12px;">
FRESH蔬果（集团）有限公司以蔬果、水果、粮油、肉类、冻品、水产、南北干货以及花卉等农产品批发市场经营管理、生鲜配送为主力业态。
</p>
<p style="color: rgb(0, 0, 0); font-family: 宋体; font-size: 12px;">
用毕生精力致力于水果产业链和水果专营连锁业态的发展，为消费者提供最好吃的水果。开拓创新立宏愿，决心“一生只做一件事，一心一意做水果”。
</p><p style="color: rgb(0, 0, 0); font-family: 宋体; font-size: 12px;"></p>
<p style="color: rgb(0, 0, 0); font-family: 宋体; font-size: 12px;"></p>
<font style="color: rgb(5, 160, 69);" color="#05a045">
* 如有合作需要，请填写以下表单，我们将尽快给您回复，并为您提供最真诚的服务，谢谢您的支持。
</font>
<p>姓名</p>
<input _show="1"class="g_itext" type="text"placeholder="请输入真实姓名">
*
<p>电话</p>
<input _show="1"class="g_itext" type="text"placeholder="请输入真实电话">
*
<p>联系时间</p>
<select _show="1" class="resize">
<option value="none" style="display: none; ">请选择</option>
<option value="工作日">工作日</option>
<option value="周末">周末</option>
<option value="随时">随时</option>
</select>
<p>留言内容</p>
<textarea class="g_textarea resize" cols="50" rows="3" maxlength="1000" placeholder="请输入留言"></textarea>
*
<p>购买方式</p>
<input type="radio" id="M376F1siteFormRadio3I0" name="M376F1siteFormRadioR3" value="批发">
<label for="M376F1siteFormRadio3I0">批发</label>
<input type="radio" id="M376F1siteFormRadio3I1" name="M376F1siteFormRadioR3" value="零食">
<label for="M376F1siteFormRadio3I1">零食</label>
<img src="https://blog.csdn.net/images/fot-1.jpg">
<h3>服务保障</h3>
<p>正品保证</p>
<p>7天无理由退换</p>
<p>退货返运费</p>
<p>7X15小时客户服务</p>
<h3>支付方式</h3>
<p>公司转账</p>
<p>货到付款</p>
<p>在线支付</p>
<p>分期付款</p>
<h3>商家服务</h3>
<p>商家入驻</p>
<p>培训中心</p>
<p>广告服务</p>
<p>服务市场</p>
<h3>服务保障</h3>
<p>免运费</p>
<p>海外配送</p>
<p>EMS</p>
<p>211限时达</p>
<p>手机版 | 本站使用<img src="https://blog.csdn.net/images/ft.jpg">凡科建站搭建 | 管理登录</p>
</body>
</html>

复制代码

		自动登录	找回密码
密码			立即注册

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

本帖子中包含更多资源

0 个回复

快速回复

楼主热帖

标签云