abstract：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>小米商品展示</title> <link rel="shortcut icon" type="imag
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>小米商品展示</title>
<link rel="shortcut icon" type="image/x-icon" href="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1561120276569&di=749c4bee7590f3692975aba8de1953e7&imgtype=0&src=http%3A%2F%2Fattach.bbs.miui.com%2Fforum%2F201708%2F10%2F063421fosmrrm2f283rmws.jpg">
<style>
.box{width:1226px;margin:0 auto;}
a{text-decoration:none;color:#333;}
a:hover{color:#ff6700;}
.tab{width: 100%;height:60px;}
.left{width: 234px;height:614px;background-image: url(https://i1.mifile.cn/a4/xmad_15578089659428_Uywcg.jpg);background-size:234px auto;float:left;}
.right{width: 992px;height:614px;float:right;}
.small{width:234px;height:300px;margin:0 0 14px 14px;background-color:#fff;float:left;}
.tong:hover{box-shadow:0 0 10px #333;margin-top:-5px;}
.new{width: 64px;height: 20px;background-color: #83c44e;color:#fff;margin:0 auto;text-align: center;line-height: 20px;font-size: 14px;}
.photo{width:160px;height: 160px;margin:0 auto;}
img{width:160px;height: 160px;}
.title{width:214px;height:21px;text-align: center;line-height: 21px;font-size: 14px;color:#333;margin:0 10px;}
.text{width:214px;height:18px;text-align: center;line-height: 18px;font-size: 12px;color:#b0b0b0;margin:0 10px;}
.price{width:214px;height:21px;text-align: center;line-height: 21px;font-size: 14px;color:#ff6700;margin:10px 10px;}
.red{background-color:red;width: 64px;height: 20px;color:#fff;margin:0 auto;text-align: center;line-height: 20px;font-size: 14px;}
.write{background-color:#fff;width: 64px;height: 20px;margin:0 auto;}
del{font-size: 12px;color:#b0b0b0;}
</style>
</head>
<body style="background: #f5f5f5;">
<div>
<div>
<h2 style="float:left;line-height: 60px;margin: 0;">手机</h2>
<a href="#"><span style="float: right;line-height: 60px;">查看更多 >></span></a>
</div>
<div class="left tong">
</div>
<div>
<div class="small tong">
<div>新品</div>
<div>
<img src="https://i1.mifile.cn/a1/pms_1550642182.7527088!220x220.jpg" alt="">
</div>
<div>小米9 6GB+128GB</div>
<div>骁龙855，索尼4800万超广角微距三摄</div>
<div>2999元</div>
</div>
<div class="small tong">
<div></div>
<div>
<img src="https://i1.mifile.cn/a1/pms_1540429613.4617799!220x220.jpg" alt="">
</div>
<div>小米MIX 3 6GB+128GB</div>
<div>磁动力滑盖全面屏 / 四曲面陶瓷机身</div>
<div>3299元</div>
</div>
<div class="small tong">
<div></div>
<div>
<img src="https://i1.mifile.cn/a1/pms_1552647865.67536173!220x220.jpg" alt="">
</div>
<div>Redmi Note 7 Pro</div>
<div>6GB+128GB大存储，索尼4800万拍照</div>
<div>1599元</div>
</div>
<div class="small tong">
<div>秒杀</div>
<div>
<img src="https://i1.mifile.cn/a1/pms_1554694214.08887531!220x220.png" alt="">
</div>
<div>小米Play 4GB+64GB</div>
<div>八核高性能处理器，后置1200万 AI 双摄</div>
<div>749元</div>
</div>
<div class="small tong">
<div>秒杀</div>
<div>
<img src="https://i1.mifile.cn/a1/pms_1538019009.57772743!220x220.png" alt="">
</div>
<div>小米8 屏幕指纹版 6GB+128GB</div>
<div>全球首款压感屏幕指纹 骁龙845处理器</div>
<div>1999元<del>2999元</del></div>
</div>
<div class="small tong">
<div>减200元</div>
<div>
<img src="https://i1.mifile.cn/a1/pms_1537324004.08544830!220x220.jpg" alt="">
</div>
<div>小米8青春版6GB+64GB</div>
<div>潮流镜面渐变色，2400万自拍旗舰</div>
<div>1499元<del>1699元</del></div>
</div>
<div class="small tong">
<div></div>
<div>
<img src="https://i1.mifile.cn/a1/pms_1547020972.223707!220x220.jpg" alt="">
</div>
<div>Redmi Note 7 6GB+64G</div>
<div>4800万拍照，4000mAh大电量</div>
<div>1399元</div>
</div>
<div class="small tong">
<div></div>
<div>
<img src="https://i1.mifile.cn/a1/pms_1558857780.47412427!220x220.jpg" alt="">
</div>
<div>Redmi K20 Pro 6GB+128GB</div>
<div>骁龙855旗舰处理器，索尼4800万超...</div>
<div>2599元</div>
</div>
</div>
</div>
</body>
</html>
Correcting teacher：查无此人Correction time：2019-06-22 17:04:30
Teacher's summary：完成的不错。学编程，先从模仿开始，继续加油。