abstract：//小米商城首頁html頁面<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> &nbs
//小米商城首頁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="font-awesome/css/font-awesome.min.css"> </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="#">云服務(wù)</a> <em>|</em> <a href="#">小愛分享平臺</a> <em>|</em> <a href="#">金融</a> <em>|</em> <a href="#">有品</a> <em>|</em> <a href="#">企業(yè)服務(wù)</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> <!-- 頭部頂部結(jié)束 --> <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="#">服務(wù)</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="點擊輸入搜索內(nèi)容" /> <button><i class="fa fa-search"></i></button> </form> </div> </nav> <div class="clear"></div> </header> <!-- 頭部結(jié)束 --> <section class="content"> <div class="main"> <div class="nav_box"> <ul class="fl"> <li> <a href="">手機電話卡</a> <i class="fa fa-angle-right"></i> <dl class="nav_box_dl"> <dd><img src="img/phone/phone1.png"/>紅米6A</dd> <dd><img src="img/phone/phone1.png"/>紅米6A</dd> <dd><img src="img/phone/phone1.png"/>紅米6A</dd> <dd><img src="img/phone/phone1.png"/>紅米6A</dd> <dd><img src="img/phone/phone1.png"/>紅米6A</dd> <dd><img src="img/phone/phone1.png"/>紅米6A</dd> <dd><img src="img/phone/phone1.png"/>紅米6A</dd> <dd><img src="img/phone/phone1.png"/>紅米6A</dd> <dd><img src="img/phone/phone1.png"/>紅米6A</dd> </dl> </li> <li> <a href="">手機電/話卡</a> <i class="fa fa-angle-right"></i> </li> <li> <a href="">電視機/盒子</a> <i class="fa fa-angle-right"></i> <dl class="nav_box_dl"> <dd><img src="img/phone/phone1.png"/>紅米6A</dd> <dd><img src="img/phone/phone1.png"/>紅米6A</dd> <dd><img src="img/phone/phone1.png"/>紅米6A</dd> <dd><img src="img/phone/phone1.png"/>紅米6A</dd> <dd><img src="img/phone/phone1.png"/>紅米6A</dd> &aCorrecting teacher：查無此人Correction time：2019-05-10 14:18:17
Teacher's summary：完成的不錯，代碼上傳不完整，可以截圖上傳。繼續(xù)加油。