abstract：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>首页-小米商城</title> &n
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>首页-小米商城</title> <link rel="stylesheet" href="static/layui/css/layui.css"> <link rel="shortcut icon" type="image/x-icon" href="static/images/footlogo.png"> <link rel="stylesheet" href="static/font-awesome/css/font-awesome.min.css"> <link rel="stylesheet" href="static/css/index.css"> <script src="static/layui/layui.js"></script> <script src="http://code.jquery.com/jquery-3.1.1.min.js"></script> </head> <body> <!-- top --> <div> <div> <div> <ul> <li><a href="">小米商城</a></li> <li><a href="">MIUI</a></li> <li><a href="">loT</a></li> <li><a href="">云服务</a></li> <li><a href="">金融</a></li> <li><a href="">有品</a></li> <li><a href="">小爱开放平台</a></li> <li><a href="">政企服务</a></li> <li><a href="">资质证照</a></li> <li><a href="">协议规则</a></li> <li><a href="">下载app</a> <div> <div></div> <img src="static/images/code.png"> <p>小米商城APP</p> </div> </li> <li><a href="">Select Region</a></li> </ul> </div> <div> <ul> <li><a href="">登录</a></li> <li><a href="">注册</a></li> <li><a href="">消息通知</a></li> <li><i class="fa fa-shopping-cart"></i>购物车(<span>0</span>) <div> 购物车中还没有商品，赶紧选购吧！ </div> </li> </ul> </div> </div> </div> <!-- 导航 --> <div> <div> <img src="static/images/footlogo.png"> <img src="static/images/logoAD.gif" style="margin-left: 11px;"> </div> <div> <ul> <li><a href="">小米手机</a></li> <li><a href="">红米</a></li> <li><a href="">电视</a></li> <li><a href="">笔记本</a></li> <li><a href="">家电</a></li> <li><a href="">新品</a></li> <li><a href="">路由器</a></li> <li><a href="">智能硬件</a></li> <li><a href="">服务</a></li> <li><a href="">社区</a></li> </ul> </div> <div> <form> <input type="text" name=""> <div> <a href="">红米Note 7</a> <a href="">小米8</a> </div> <button><i class="fa fa-search"></i></button> <div> <ul> <li>小米6x<span>约有6件</span></li> <li>小米mix 2s<span>约有5件</span></li> <li>黑鲨游戏手机<span>约有3件</span></li> <li>红米note 5<span>约有6件</span></li> <li>红米5a<span>约有3件</span></li> <li>小米电视4c<span>约有5件</span></li> <li>电视32英寸<span>约有8件</span></li> <li>笔记本pro<span>约有7件</span></li> <li>空气净化器<span>约有9件</span></li> </ul> </div> </form> </div> </div> <div></div> <!-- 主体内容 --> <div></div> <!-- 灰色部分 --> <div> <!-- 热门手机 --> <div> <div> 手机 </div> <div> <div>手机广告图</div> <div> <ul> <li>手机1</li> <li style="margin-left:14px;">手机2</li> <li style="margin-left:14px;">手机3</li> <li style="margin-left:14px;">手机4</li> <li style="margin-top:14px;">手机1</li> <li style="margin-left:14px;margin-top:14px;">手机2</li> <li style="margin-left:14px;margin-top:14px;">手机3</li> <li style="margin-left:14px;margin-top:14px;">手机4</li> </ul> </div> </div> </div> <!-- 广告栏 --> <div> <a href=""> <img src="static/images/ad01.jpg" width="1226" height="120"> </a> </div> <!-- 热门商品 --> <div> <div> 家电 </div> <div> <div><a href=""></a></div> <div><a href=""></a></div> </div> <div> <ul> <li><a href="">1</a></li> <li style="margin-left:14px;"><a href="">2</a></li> <li style="margin-left:14px;"><a href="">3</a></li> <li style="margin-left:14px;"><a href="">4</a></li> <li style="margin-top:14px;"><a href="">1</a></li> <li style="margin-left:14px;margin-top:14px;"><a href="">2</a></li> <li style="margin-left:14px;margin-top:14px;"><a href="">3</a></li> <div>0</div> <div>0</div> </ul> </div> </div> <!-- 广告栏 --> <div> <a href=""> <img src="static/images/ad02.jpg" width="1226" height="120"> </a> </div> <!-- 热门商品 --> <div> <div> 智能 </div> <div> <div><a href=""></a></div> <div><a href=""></a></div> </div> <div> <ul> <li><a href="">1</a></li> <li style="margin-left:14px;"><a href="">2</a></li> <li style="margin-left:14px;"><a href="">3</a></li> <li style="margin-left:14px;"><a href="">4</a></li> <li style="margin-top:14px;"><a href="">1</a></li> <li style="margin-left:14px;margin-top:14px;"><a href="">2</a></li> <li style="margin-left:14px;margin-top:14px;"><a href="">3</a></li> <div>0</div> <div>0</div> </ul> </div> </div> <!-- 广告栏 --> <div> <a href=""> <img src="static/images/ad03.jpg" width="1226" height="120"> </a> </div> <!-- 热门商品 --> <div> <div> 搭配 </div> <div> <div><a href=""></a></div> <div><a href=""></a></div> </div> <div> <ul> <li><a href="">1</a></li> <li style="margin-left:14px;"><a href="">2</a></li> <li style="margin-left:14px;"><a href="">3</a></li> <li style="margin-left:14px;"><a href="">4</a></li> <li style="margin-top:14px;"><a href="">1</a></li> <li style="margin-left:14px;margin-top:14px;"><a href="">2</a></li> <li style="margin-left:14px;margin-top:14px;"><a href="">3</a></li> <div>0</div> <div>0</div> </ul> </div> </div> <!-- 广告栏 --> <div> <a href=""> <img src="static/images/ad04.jpg" width="1226" height="120"> </a> </div> <!-- 底部1--> <div> <div> <a href=""><i class="fa fa-wrench"></i>预约维修服务</a><span>|</span> <a href=""><i class="fa fa-undo"></i>7天无理由退货</a><span>|</span> <a href=""><i class="fa fa-rotate-right"></i>15天免费换货</a><span>|</span> <a href=""><i class="fa fa-thumbs-o-up"></i>满150元包邮</a><span>|</span> <a href=""><i class="fa fa-send-o"></i>520余家售后网点</a> <hr> <dl> <dt>帮助中心</dt> <dd>账户管理</dd> <dd>购物指南</dd> <dd>订单操作</dd> </dl> <dl> <dt>服务支持</dt> <dd>售后政策</dd> <dd>自助服务</dd> <dd>相关下载</dd> </dl> <dl> <dt>线下门店</dt> <dd>小米之家</dd> <dd>服务网点</dd> <dd>授权体验店</dd> </dl> <dl> <dt>关于小米</dt> <dd>了解小米</dd> <dd>加入小米</dd> <dd>投资者关系</dd> </dl> <dl> <dt>关注我们</dt> <dd>新浪微博</dd> <dd>官方微信</dd> <dd>联系我们</dd> </dl> <dl> <dt>特色服务</dt> <dd>F 码通道</dd> <dd>礼物码</dd> <dd>防伪查询</dd> </dl> <div> <span>400-100-5678</span> <p>周一至周日 8:00-18:00</p> <p>(仅收市话费)</p> <div><i class="fa fa-commenting"></i>联系客服</div> </div> </div> </div> <!-- 底部2 --> <div> <div><img src="static/images/footlogo.png"></div> <div> <ul> <li><a href="">小米商城</a><span>|</span></li> <li><a href="">MIUI</a><span>|</span></li> <li><a href="">米家</a><span>|</span></li> <li><a href="">米聊</a><span>|</span></li> <li><a href="">多看</a><span>|</span></li> <li><a href="">游戏</a><span>|</span></li> <li><a href="">路由器</a><span>|</span></li> <li><a href="">米粉卡</a><span>|</span></li> <li><a href="">政企服务</a><span>|</span></li> <li><a href="">小米天猫店</a><span>|</span></li> <li><a href="">隐私政策</a><span>|</span></li> <li><a href="">商城用户协议</a><span>|</span></li> <li><a href="">账号协议</a><span>|</span></li> <li><a href="">问题反馈</a><span>|</span></li> <li><a href="">廉正举报</a><span>|</span></li> <li><a href="">诚信合规</a><span>|</span></li> <li><a href="">Select Region</a></li> </ul> <p>© mi.com 京ICP证110507号 &amCorrecting teacher：西门大官人Correction time：2019-02-17 09:02:49
Teacher's summary：代码结构很好，不过貌似代码没有写完？最后的部分代码不完整