<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>京东(JD.COM)-综合网购首选-正品低价、品质保障、配送及时、轻松购物！</title>
<meta name="description" content="京东JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!" />
<meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
<!-- 引入css初始化文件 -->
<link rel="stylesheet" href="css/normalize.css" />
<!-- 头部和底部 结构基本相同 我们做基本的公共样式 -->
<link rel="stylesheet" href="css/base.css" />
<!-- 我们做专属的首页样式 -->
<link rel="stylesheet" href="css/index.css" />
</head>
<body>
<!-- header 部分 start -->
<header>
<div class="w">
<a href="#">
<img src="images/header.jpg" height="80" width="1190" alt="">
</a>
</div>
</header>
<!-- header 部分 end -->
<!-- 快速导航栏部分 start-->
<div class="shortcut">
<div class="w">
<ul class="fl city">
<li> <i class="f10"></i><a href="#">北京</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>
<i></i>
</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>
<i></i>
</li>
<li class="space"></li>
<li>
<a href="#">网站导航</a>
<i></i>
</li>
<li class="space"></li>
<li>
<a href="#" class="mobile">手机京东
<img src="images/mobile.png" height="60" width="60" alt="">
</a>
</li>
</ul>
</div>
</div>
<!-- 快速导航栏部分 end-->
<!-- 中间头部分 start -->
<div class="w middle">
<div class="logo">
<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">
<i></i><a href="#" class="f10">我的购物车</a> <span>0</span>
</div>
<!-- 关键词 -->
<div class="hotwords">
<a href="#" class="f10">199减100</a>
<a href="#">鼠标试用</a>
<a href="#">农资7折</a>
<a href="#">低至29元</a>
<a href="#">抽奖赢空调</a>
<a href="#">记忆棉</a>
<a href="#">坐垫</a>
<a href="#">1分钱买油</a>
<a href="#">智能手表</a>
</div>
<!-- 小导航部分 -->
<div class="navitems">
<ul>
<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>
<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 class="super">
<a href="#"><img src="images/super.png" height="40" width="190" alt=""></a>
</div>
</div>
<!-- 中间头部分 end -->
<!-- 中间分类区域 start -->
<div class="w grid">
<div class="grid-col1 fl">
<div class="ad">
<img src="images/ad-l.png" height="480" width="250" alt="">
<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>/<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>/<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>/<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>/<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>/<a href="#">数码</a></li>
<li><a href="#">理财</a>/<a href="#">众筹</a>/<a href="#">白条</a>/<a href="#">保险</a></li>
</ul>
</div>
<div class="grid-col2 fl">
<div class="grid-col2-t">
<a href="#"><img src="images/banner.jpg" height="340" width="790" alt=""></a>
<a href="#" class="arrow-l"><</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 class="grid-col2-b">
<div><img src="images/l.jpg" height="130" width="390" alt=""></div>
<div><img src="images/r.jpg" height="130" width="390" alt=""></div>
</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="images/no_login.jpg" alt="">
</a>
</div>
<div class="login-b">
<a href="#">新人福利</a>
<a href="#">PLUS会员</a>
</div>
</div>
<!-- 新闻模块 -->
<div class="news">
<div class="news-t">
<a href="#" class="cuxiao">促销</a>
<a href="#" class="gg">公告</a>
<a href="#" class="more">更多</a>
<div></div>
</div>
<div class="news-b">
<ul>
<li><a href="#">挑战3天不洗头</a></li>
<li><a href="#">挑战3天不洗头</a></li>
<li><a href="#">益生菌领券满399减100</a></li>
<li><a href="#">益生菌领券满399减100</a></li>
</ul>
</div>
</div>
<!-- 服务扩展模块 -->
<div class="expand">
<ul>
<li>
<a href="#">
<i></i>
<span>话费</span>
</a>
</li>
<li>
<a href="#">
<i></i>
<span>话费</span>
</a>
</li>
<li>
<a href="#">
<i></i>
<span>话费</span>
</a>
</li>
<li>
<a href="#">
<i></i>
<span>话费</span>
</a>
</li>
<li>
<a href="#">
<i></i>
<span>话费</span>
</a>
</li>
<li>
<a href="#">
<i></i>
<span>话费</span>
</a>
</li>
<li>
<a href="#">
<i></i>
<span>话费</span>
</a>
</li>
<li>
<a href="#">
<i></i>
<span>话费</span>
</a>
</li>
前端基础第八天.zip
80 浏览量
2023-12-21
09:08:25
上传
评论
收藏 63.69MB ZIP 举报
前端基础第八天.zip （283个子文件） 
normalize.css 8KB normalize.css 8KB normalize.css 8KB base.css 6KB index.css 5KB base.css 4KB index.css 154B Thumbs.db 2.19MB icomoon.eot 6KB icomoon.eot 4KB icomoon.eot 3KB
2.gif 6.35MB 1.gif 4.06MB lh.gif 1.85MB hu.gif 1.83MB hai.gif 1.78MB shu.gif 983KB sample1.gif 714KB h.gif 570KB zhen.gif 559KB al.gif 405KB smail.gif 122KB hover.gif 109KB dog.gif 35KB box.gif 8KB
index.html 12KB index.html 4KB 02 字体图标引用.html 2KB 03 行高不带单位.html 372B 01 复习.html 252B demo.html 248B favicon.ico 25KB favicon.ico 25KB baby.jpeg 87KB xiong.jpeg 25KB gu.jpeg 18KB
car.jpg 303KB chengshi.jpg 282KB t.jpg 271KB banner.jpg 238KB cixing.jpg 219KB ad-r.jpg 210KB lyc.jpg 152KB top.jpg 141KB header.jpg 127KB x.jpg 124KB ax.jpg 124KB m.jpg 121KB tl.jpg 119KB 2.jpg 109KB d.jpg 101KB g.jpg 96KB rh.jpg 94KB wxx.jpg 89KB hb3.jpg 89KB one.jpg 86KB kc.jpg 81KB shiboguan.jpg 80KB yunzhou.jpg 78KB bike.jpg 74KB father.jpg 70KB two.jpg 70KB sun.jpg 66KB ll.jpg 61KB miqi.jpg 58KB n.jpg 57KB san.jpg 57KB yl.jpg 56KB no.jpg 52KB j.jpg 47KB xiong.jpg 45KB 1.jpg 38KB xtf.jpg 37KB xian.jpg 37KB 03.jpg 34KB guai.jpg 30KB f.jpg 30KB s.jpg 26KB h.jpg 23KB wf.jpg 20KB l.jpg 16KB zfb.jpg 14KB computer.jpg 14KB xia.jpg 14KB html.jpg 14KB ttt.jpg 13KB l.jpg 12KB yiqi.jpg 11KB r.jpg 10KB 3.jpg 10KB ship.jpg 9KB fu.jpg 6KB no_login.jpg 5KB wq.jpg 5KB sm.jpg 4KB logo.jpg 3KB w.jpg 1KB CSS.md 132KB
2017-12-12_210506.png 22.1MB jiemian.png 2.92MB共 283 条
- 1
- 2
- 3
资源评论
白大锅
- 粉丝: 8w+
- 资源: 78
最新资源
- 历届(第1-21届)希望杯数学竞赛初一试题及答案(最新整理).doc全国数学邀请赛（264页资料）
- 水滴.psd
- TokenPocket_V2.1.2_release.apk
- Apache-druid-kafka-rce.yaml
- 基于C#的ASP.NET数据库原理及应用技术课程指导平台的开发
- 基于ROS的智能车轨迹跟踪算法的仿真与设计源码运用PID跟踪算法.zip.zip
- Bug Bounty Tip - i春秋Self-XSS变废为宝的奇思妙想
- 1991-2015年全国初中化学竞赛复赛试题汇编（212页）(24年竞赛复赛真题).docx天原杯
- Apache Flink 未授权访问+远程代码执行.pdf
- hadoop-基于hive的聊天数据分析报表可视化案例数据源
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
