<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>京东(JD.COM)</title>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
<!-- 引入css初始化文件 -->
<link rel="stylesheet" href="css/no1.css">
<link rel="stylesheet" href="css/no2.css">
<link rel="stylesheet" href="css/no3.css">
</head>
<body>
<img src="pic/1.png" height="80" width="1600" />
<!-- header 部分 end -->
<!-- 快速导航栏部分 start-->
<div class="shortcut">
<div class="w">
<ul class="fl city">
<li><a href="#"><img src="pic/3.png" height="30" width="30"/>山东</a></li>
</ul>
<ul class="fr">
<li>
<a href="#">你好，请登录</a>
<a href="#" class="f10">免费注册</a>
</li>
<li class="space"></li>
<li>
<a href="#">我的订单</a>
</li>
<li class="space"></li>
<li>
<a href="#">我的京东</a>
</li>
<li class="space"></li>
<li>
<a href="#">京东会员</a>
</li>
<li class="space"></li>
<li>
<a href="#" class="f10">企业采购</a>
</li>
<li class="space"></li>
<li>
<a href="#">客户服务</a>
</li>
<li class="space"></li>
<li>
<a href="#">网站导航</a>
</li>
<li class="space"></li>
<li>
<a href="#" class="mobile">手机京东
<img src="pic/2.png" height="60"width="60"/>
</a>
</li>
</ul>
</div>
</div>
<!-- 快速导航栏部分 end-->
<!-- 中间头部分 start -->
<div class="w middle">
<div class="logo">
<img src="pic/4.png" height="150" width="150"/>
<h1> <!-- 提高权重 便利于搜索引擎优化 -->
<a href="#"></a>
</h1>
</div>
<!-- 搜索 -->
<div class="form">
<input type="text" placeholder="榨汁机家用">
<!-- 按钮的意思 双标签 等价于 <input type="button" value=""> -->
<button> <i>搜索</i> </button>
</div>
<!-- 购物车 -->
<div class="shopCar">
<a href="#" class="f10"><img src="pic/30.png" height="33" width="42"/>我的购物车</a>
</div>
<!-- 关键词 -->
<div class="hotwords">
<a href="#" class="f10">音频巅峰日</a>
<a href="#">居家换新</a>
<a href="#">二手手机</a>
<a href="#">服饰换新</a>
<a href="#">每100-50</a>
<a href="#">春运抢票</a>
<a href="#">大牌美妆</a>
</div>
<!-- 小导航部分 -->
<div class="navitems">
<ul>
<li><a href="#" class="f10">秒杀</a></li>
<li><a href="#" class="f10">优惠券</a></li>
<li><a href="#">PLUS会员</a></li>
<li><a href="#">品牌闪购</a></li>
<li><a href="#">拍卖</a></li>
<li class="space"></li>
<li><a href="#">京东家电</a></li>
<li><a href="#">京东超市</a></li>
<li><a href="#">京东生鲜</a></li>
<li><a href="#">京东国际</a></li>
<li class="space"></li>
<li><a href="#">京东金融</a></li>
</ul>
</div>
</div>
<!-- 中间头部分 end -->
<!-- 中间分类区域 start -->
<div class="w grid">
<div class="grid-col1 fl">
<div class="ad">
<img src="pic/6.png" height="270" width="240"/>
<div class="ad-r"></div>
</div>
<ul>
<li><a href="#">家用电器</a></li>
<li><a href="#">手机</a>/<a href="#">运用商</a>/<a href="#">数码</a></li>
<li><a href="#">电脑</a>/<a href="#">办公</a></li>
<li><a href="#">家居</a>/<a href="#">家具</a>/<a href="#">家装</a>/<a href="#">厨具</a></li>
<li><a href="#">男装</a>/<a href="#">女装</a>/<a href="#">童装</a>/<a href="#">内衣</a></li>
<li><a href="#">美妆</a>/<a href="#">个护清洁</a>/<a href="#">宠物</a></li>
<li><a href="#">女鞋</a>/<a href="#">箱包</a>/<a href="#">钟表</a>/<a href="#">珠宝</a></li>
<li><a href="#">男鞋</a>/<a href="#">运动</a>/<a href="#">数码</a></li>
<li><a href="#">房产</a>/<a href="#">汽车</a>/<a href="#">汽车用品</a></li>
<li><a href="#">母婴</a>/<a href="#">玩具乐器</a></li>
<li><a href="#">食品</a>/<a href="#">酒类</a>/<a href="#">生鲜</a>/<a href="#">特产</a></li>
<li><a href="#">艺术</a>/<a href="#">礼品鲜花</a></li>
<li><a href="#">医药保健</a>/<a href="#">计生情趣</a></li>
<li><a href="#">图书</a>/<a href="#">文娱</a>/<a href="#">教育</a>/<a href="#">电子书</a></li>
<li><a href="#">机票</a>/<a href="#">酒店</a>/<a href="#">旅游</a>/<a href="#">生活</a></li>
<li><a href="#">理财</a>/<a href="#">众筹</a>/<a href="#">白条</a>/<a href="#">保险</a></li>
<li><a href="#">安装</a>/<a href="#">维修</a>/<a href="#">清洗</a></li>
</ul>
</div>
<div class="grid-col2 fl">
<div class="grid-col2-t">
<a href="#" class="arrow-l"><</a>
<a href="#"><img src="pic/8.png" height="478" width=800"/></a>
<a href="#" class="arrow-r">></a>
<ul class="circle">
<li></li>
<li></li>
<li class="current"></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</div>
<div class="grid-col3 fr">
<!-- 登录模块 -->
<div class="login">
<div class="login-t">
Hi，欢迎来到京东！<br />
<a href="#">登录</a>
<a href="#">注册</a>
<a href="#" class="user-info">
<img src="pic/5.png" height="40" width="50"/>
</a>
</div>
<div class="login-b">
<a href="#">新人福利</a>
<a href="#">PLUS会员</a>
</div>
</div>
<!-- 新闻模块 -->
<div class="news">
<div class="news-t">
<a href="#" ><h3>京东快报</h3></a>
<a href="#" class="more">更多</a>
<div></div>
</div>
<div class="news-b">
<ul>
<li><a href="#"><img src="pic/9.png" height="20" width="40"/>2019年度TWS...</a></li>
<li><a href="#"><img src="pic/9.png" height="20" width="40"/>这是来自未来的手...</a></li>
<li><a href="#"><img src="pic/9.png" height="20" width="40"/>污渍难洗？久洗...</a></li>
<li><a href="#"><img src="pic/9.png" height="20" width="40"/>iPad mini：A12处理...</a></li>
</ul>
</div>
</div>
<!-- 服务扩展模块 -->
<div class="expand">
<ul>
<li>
<a href="#">
<img src="pic/10.png" height="40" width="43"/>
<span>话费</span>
</a>
</li>
<li>
<a href="#">
<img src="pic/11.png" height="38" width="47"/>
<span>机票</span>
</a>
</li>
<li>
jd.zip （35个子文件） 
jd pic 
30.png 791B 19.png 1KB 10.png 675B 9.png 551B 3.png 507B 12.png 902B 24.png 1KB 25.png 1KB 15.png 945B 1.png 107KB 23.png 1KB 11.png 1KB 13.png 1KB 6.png 105KB 5.png 2KB 4.png 10KB 8.png 263KB 21.png 752B 17.png 1KB 16.png 1KB 7.png 793B dingwei.png 5KB 20.png 729B 18.png 787B 2.png 6KB 14.png 1KB 22.png 1KB .idea codeStyles 
codeStyleConfig.xml 153B workspace.xml 4KB zuoye.iml 469B modules.xml 269B css no2.css 5KB no3.css 9KB no1.css 6KB
moban.html 14KB资源评论
