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="#">企业服务</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="#">社区</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>东城区</span> <span>永定门外街道</span> <span><a href="#">修改</a></span><br> <span class="yxh">有现货</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：完成的不错，代码上传不完整，可以截图上传。继续加油。