前端学习（417）：京东制作页面25中间部分的准备工作
生活随笔
收集整理的這篇文章主要介紹了
前端学习（417）：京东制作页面25中间部分的准备工作
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
引入index.css作為中部樣式
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>京東JD.COM官網 多快好省 只為品質生活</title><!-- 引入京東小圖標 --><link rel="shortcut icon" href="favicon.ico" type="image/x-icon"><!-- 重置樣式 --><link rel="stylesheet" href="./jingdongcss/normalize.css"><!-- 頭部和尾部基本相同 公共樣式 --><link rel="stylesheet" href="./jingdongcss/base.css"><link rel="stylesheet" href="./jingdongfont/ie7.css"><link rel="stylesheet" href="./jingdongcss/index.css"><meta name="description" content="京東JD.COM-專業綜合網上購物商城，銷售超數萬品牌，4020萬種商品，囊括家電、手機、電腦、服裝、居家、母嬰、美妝、個護、食品、旅游等13大品類。京東PLUS會員，免費體驗30天！京東秉承客戶為先， 100％正品行貨保障，提供全國聯保，機打發票，專業配送，售后服務！"/><meta name="keywords" content="網上購物，網上商城，手機，筆記本，電腦，相機，數碼，手表，存儲卡，京東"/> </head> <body><!-- 頭部開始 --><header><div class="w"><a href=""><img src="./jingdongimg/header.jpg" alt=""></a></div></header><!-- 頭部結束 --><!-- 快速導航欄 --><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="moblie">手機京東<img src="./jingdongimg/mobile.png" alt=""></a></li></ul></div></div><!-- 快速導航欄結束 --><!-- 中間部分 --><div class="w middle"><div class="logo"><!-- 提高權重，提高搜索引擎優化 --><h1><a href="#"></a></h1></div><!-- 搜索框 --><div class="form"><input type="text" placeholder="掃描儀"><!-- 按鈕的意思，雙標簽 --><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><!-- 中間部分結束 --><!-- 頁面底部部分 --><footer><div class="service"><div class="w"><ul><li><h5>多</h5><p>品類齊全，輕松購物</p></li><li><h5>多</h5><p>品類齊全，輕松購物</p></li><li><h5>多</h5><p>品類齊全，輕松購物</p></li><li><h5>多</h5><p>品類齊全，輕松購物</p></li></ul></div></div><!-- 幫助模塊 --><div class="w help"><div class="fl"><dl><dt>購物指南</dt><dd><a href="#">購物流程</a></dd><dd><a href="#">會員介紹</a></dd> <dd><a href="#">購物流程</a></dd> <dd><a href="#">購物流程</a></dd> <dd><a href="#">購物流程</a></dd><dd><a href="#">購物流程</a></dd> </dl><dl><dt>購物指南</dt><dd><a href="#">購物流程</a></dd><dd><a href="#">會員介紹</a></dd> <dd><a href="#">購物流程</a></dd> <dd><a href="#">購物流程</a></dd> <dd><a href="#">購物流程</a></dd><dd><a href="#">購物流程</a></dd> </dl><dl><dt>購物指南</dt><dd><a href="#">購物流程</a></dd><dd><a href="#">會員介紹</a></dd> <dd><a href="#">購物流程</a></dd> <dd><a href="#">購物流程</a></dd> <dd><a href="#">購物流程</a></dd><dd><a href="#">購物流程</a></dd> </dl><dl><dt>購物指南</dt><dd><a href="#">購物流程</a></dd><dd><a href="#">會員介紹</a></dd> <dd><a href="#">購物流程</a></dd> <dd><a href="#">購物流程</a></dd> <dd><a href="#">購物流程</a></dd><dd><a href="#">購物流程</a></dd> </dl><dl><dt>購物指南</dt><dd><a href="#">購物流程</a></dd><dd><a href="#">會員介紹</a></dd> <dd><a href="#">購物流程</a></dd> <dd><a href="#">購物流程</a></dd> <dd><a href="#">購物流程</a></dd><dd><a href="#">購物流程</a></dd> </dl></div><div class="fr coverage"><h5>京東自營點歌謠小區</h5><p>京東開始向9999個社區進行自配營業服務,支持貨到付款，各種方式支付和遠程協助服務</p><a href="#">查看詳情</a></div></div><!-- 版權部分 --><div class="w copyright"><p><a href="#">關于我們</a><span> | </span><a href="#">關于我們</a><span> | </span><a href="#">關于我們</a><span> | </span><a href="#">關于我們</a><span> | </span><a href="#">關于我們</a><span> | </span><a href="#">關于我們</a><span> | </span><a href="#">關于我們</a><span> | </span><a href="#">關于我們</a><span> | </span><a href="#">關于我們</a><span> | </span><a href="#">關于我們</a><span> | </span><a href="#">關于我們</a><span> | </span><a href="#">關于我們</a><span> | </span></p><div><p>京公網安備 11000002000088號<span>|</span>京ICP證070359號<span>|</span>互聯網藥品信息服務資格證編號(京)-經營性-2014-0008<span>|</span>新出發京零 字第大120007號</p><p>互聯網出版許可證編號新出網證(京)字150號<span>|</span>出版物經營許可證<span>|</span>網絡文化經營許可證京網文[2014]2148-348號<span>|</span>違法和不良信息舉報電話：4006561155</p><p>Copyright ? 2004 - 2017 京東JD.com 版權所有|消費者維權熱線：4006067733經營證照京東旗下網站：京東支付|京東云</p></div><p class="font-icon"><a href="#"></a><a href="#"></a><a href="#"></a><a href="#"></a><a href="#"></a><a href="#"></a></p></div></footer><!-- 頁面底部部分 --> </body> </html>?
總結
以上是生活随笔為你收集整理的前端学习（417）：京东制作页面25中间部分的准备工作的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 飘云阁论坛出品汇编逆向专用记事本
- 下一篇： 前端学习（97）：psd切图流程