水果商城头部网页练习大作业
商城头部练习前端大作业,包含了logo,搜索框,购物车,左侧菜单导航,底部版本信息
页面简单,适合练手学习
网页效果图
网页源代码
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>苹果超市</title> <link href="css/20190311156.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="header"> <div class="wrap"> <div class="top"> <a href="">你好,请登录</a> <a href="">免费注册</a> </div> </div> </div> <div class="head wrap"> <div class="logo"><img src="images/logo.jpg"></div> <div class="search"> <form action="" method="post"> <div class="item"> <input value="" type='text' > </div> <div class="btn"> <input type='submit' value="搜索"> </div> </form> <div class="clear"></div> <p class="tag" style="margin-top:10px;"><a href="">辽伏<a><a href="">付帅<a><a href="">早捷<a><a href="">夏绿<a><a href="">新世界<a><a href="">大沙<a></p> </div> <div class="car"><a href=""><img src="images/car.jpg"></a></div> </div> <div class="clear"></div> <div class="nav"> <div class="wrap"> <div class="qb"> <h3>全部商品分类</h3> </div> <div class="list"> <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> <li><a href="">购物车</a></li> </ul> </div> <div class="gou"><h2>购买送好礼!</h2></div> </div> </div> <div class="clear"></div> <div class="navlist wrap"> <div class="menu"> <dl> <dt>武汉苹果</dt> <dd>辽南寒富</dd> <dd>天水花牛苹果</dd> </dl> <dl> <dt>进口苹果</dt> <dd>蛇果</dd> <dd>乔那金</dd> <dd>双色苹果</dd> </dl> <dl> <dt>中国苹果</dt> <dd>山西王荣</dd> <dd>陕西洛川富士</dd> </dl> <dl> <dt>黄冈苹果</dt> </dl> <dl> <dt>宜昌苹果</dt> </dl> <dl> <dt>鄂州苹果</dt> </dl> </div> <div class="banner"> <img src="images/banner.jpg"> </div> </div> <div class="clear"></div> <div class="bg"> <div class="ys wrap"> <ul> <li class="s1"> <b>正品保障</b> <span>正品行货 放心购买</span></li> <li class="s2"> <b>正品保障</b> <span>满38包邮 免运费</span></li> <li class="s3"> <b>天天特价</b> <span>天天特价 畅选无忧</span></li> <li class="s4"> <b>准时送达</b> <span>送过货上门收货时间随你定</span></li> </div> </div> <div class="clear"></div> <div class="footer wrap">Copyright @ 苹果超市</div> </body> </html>
①本站所有成品淘宝购买需确认收货并好评后发货;
②所有作品如需修改需另加费用;
③所有作品没有任何人的姓名学校之类信息;
④请务必确认网页是您需要的,源码具有可复制性,所以无法退换!
⑤每份网页都可以更换内容,费用50元起,如需更换内容请联系客服!
dw网页设计 » 水果商城头部网页练习大作业
②所有作品如需修改需另加费用;
③所有作品没有任何人的姓名学校之类信息;
④请务必确认网页是您需要的,源码具有可复制性,所以无法退换!
⑤每份网页都可以更换内容,费用50元起,如需更换内容请联系客服!
dw网页设计 » 水果商城头部网页练习大作业