abstract：//html頁面代碼<!DOCTYPE html> <html> <head> <meta charset="utf-8"> &nb
//html頁面代碼
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/base.css"/> <link rel="stylesheet" type="text/css" href="css/style.css"/> <link rel="stylesheet" type="text/css" href="css/detail.css"/> <link rel="stylesheet" type="text/css" href="font-awesome/css/font-awesome.min.css"> <script type="text/javascript" src="js/jquery-v-3.4.1.js"></script> <script src="js/detail.js" type="text/javascript" charset="utf-8"></script> </head> <body> <header> <section class="header_title"> <div class="main"> <div class="fl"> <a href="#">小米商城</a> <em>|</em> <a href="#">MIUI</a> <em>|</em> <a href="#">IOT</a> <em>|</em> <a href="#">云服務</a> <em>|</em> <a href="#">小愛分享平臺</a> <em>|</em> <a href="#">金融</a> <em>|</em> <a href="#">有品</a> <em>|</em> <a href="#">企業(yè)服務</a> <em>|</em> <a href="#">SelectRegion</a> </div> <div class="fr"> <a href="#">登錄</a> <em>|</em> <a href="#">注冊</a> <em>|</em> <a href="#">我的訂單</a> <span> <i class="fa fa-shopping-cart"></i> 購物車（0） <div class="gwbox">暫時還沒有商品</div> </span> </div> </div> </div> </section> <div class="clear"></div> <!-- 頭部頂部結束 --> <nav class="main"> <div class="fl"> <img src="img/footlogo.png" /> <img src="img/logoAD.gif" /> </div> <ul> <li><a href="#">小米手機</a> <div class="header_dl"> <dl class="main"> <dd> <p><span class="new">新品</span></p> <img src="img/phone/phone1.png" > <p class="f_cs">小米2s</p> <p class="f_hs">39200元</p> </dd> <dd> <p><span class="new">新品</span></p> <img src="img/phone/phone1.png" > <p class="f_cs">小米2s</p> <p class="f_hs">39200元</p> </dd> <dd> <p><span class="new">新品</span></p> <img src="img/phone/phone1.png" > <p class="f_cs">小米2s</p> <p class="f_hs">39200元</p> </dd> <dd> <p><span class="new">新品</span></p> <img src="img/phone/phone1.png" > <p class="f_cs">小米2s</p> <p class="f_hs">39200元</p> </dd> </dl> </div> </li> <li><a href="#">紅米</a></li> <li><a href="#">電視</a></li> <li><a href="#">筆記本</a></li> <li><a href="#">盒子</a> <div class="header_dl"> <dl class="main"> <dd> <p><span class="new">新品</span></p> <img src="img/phone/phone1.png" > <p class="f_cs">小米2s</p> <p class="f_hs">39200元</p> </dd> <dd> <p><span class="new">新品</span></p> <img src="img/phone/phone1.png" > <p class="f_cs">小米2s</p> <p class="f_hs">39200元</p> </dd> <dd> <p><span class="new">新品</span></p> <img src="img/phone/phone1.png" > <p class="f_cs">小米2s</p> <p class="f_hs">39200元</p> </dd> <dd> <p><span class="new">新品</span></p> <img src="img/phone/phone1.png" > <p class="f_cs">小米2s</p> <p class="f_hs">39200元</p> </dd> </dl> </div> </li> <li><a href="#">新品</a></li> <li><a href="#">路由器</a></li> <li><a href="#">智能硬件</a></li> <li><a href="#">服務</a> <div class="header_dl"> <dl class="main"> <dd> <p><span class="new">新品</span></p> <img src="img/phone/phone1.png" > <p class="f_cs">小米2s</p> <p class="f_hs">39200元</p> </dd> <dd> <p><span class="new">新品</span></p> <img src="img/phone/phone1.png" > <p class="f_cs">小米2s</p> <p class="f_hs">39200元</p> </dd> <dd> <p><span class="new">新品</span></p> <img src="img/phone/phone1.png" > <p class="f_cs">小米2s</p> <p class="f_hs">39200元</p> </dd> <dd> <p><span class="new">新品</span></p> <img src="img/phone/phone1.png" > <p class="f_cs">小米2s</p> <p class="f_hs">39200元</p> </dd> </dl> </div> </li> <li><a href="#">社區(qū)</a></li> </ul> <div class="fr"> <form> <input type="text" placeholder="點擊輸入搜索內容" /> <button><i class="fa fa-search"></i></button> </form> </div> </nav> <div class="clear"></div> <div class="detail_nav"> <div class="main"> <div class="fl"><a href="" class="on">小米8</a> | <a href="#">小米9 </a></div> <div class="fr"> <a href="#">概述</a> | <a href="#">圖集</a> | <a href="#">參數</a> | <a href="#">F碼通道</a> | <a href="#">用戶評價</a></div> </div> </div> <div class="clear"></div> </header> <!-- 頭部結束 --> <section class="detail_box"> <div class="main"> <div class="fl"></div> <ul class="fr"> <li> <h1 id="xmbt">紅米6A</h1> <p>12nm高性能處理器 / 5.45" 小巧全面屏 / 1300萬高清相機 / “小楊柳腰”機身</p> <p class="price">599</p> </li> <li> <i class="fa fa-map-marker"></i><span>北京</span> <span>北京市</span> <span>東城區(qū)</span> <span>永定門外街道</span> <span><a href="#">修改</a></span><br> <span class="yxh">有現(xiàn)貨</span> </li> <li> <h3>選擇版本</h3> <p id="phone_bb"> <span class="fl xz bbPhone" > <b>4GB+64GB 全網通</b> <em><i class="bbPrice" data-val="599">599</i>元</em></span> <span class="fr xz bbPhone"> <b>6GB+64GB 全網通</b> <em><i class="bbPrice" data-val="699">699</i>元</em></span> </p> </li> <li> <h3>選擇顏色</h3> <p id="phone_color"> <span class="xz" > <i style="background:#F6E6D8; "></i>金色</span> <span class="xz" > &Correcting teacher：查無此人Correction time：2019-05-17 10:01:37
Teacher's summary：完成的不錯，代碼上傳不完整，可以截圖上傳。繼續(xù)加油。