7<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>商品</title>
<link rel="stylesheet" href="css/product.css">
</head>
<body>
<!-- logo -->
<div id="logo">
<div class="container"></div>
<a href="#">SEVENTEEN</a>
</div>
<!-- lead -->
<div id="lead">
<!-- <div class="container"></div> -->
<table align="center">
<tr>
<td><a href="index.html">主页</a></td>
<td><a href="product.html">新品|女士</a></td>
<td><a href="#">新品|男士</a></td>
<td><a href="#">新品|儿童</a></td>
<td><a href="#">新品|鞋包</a></td>
<td><a href="about us.html">品牌形象</a></td>
</tr></table>
</div>
<!-- content -->
<div id="content">
<div id="container"></div>
<!-- 分类 -->
<div id="kind">
<div class="container"></div>
<ul>
<a href="#"><li class="a"><b>当季新品</b></li></a>
<a href="#"><li><b>女士</b></li></a>
<a href="#"><li>男士</li></a>
<a href="#"><li>女童</li></a>
<!-- <a href="#"><li>6-14岁</li></a> -->
<a href="#"><li >女婴</li></a>
<!-- <a href="#"><li >3个月-5岁</li></a> -->
<a href="#"><li>男童</li></a>
<!-- <a href="#"><li>6-14岁</li></a> -->
<a href="#"><li>男婴</li></a>
<!-- <a href="#"><li>3个月-5岁</li></a> -->
<a href="#"><li>女鞋</li></a>
<a href="#"><li>男鞋</li></a>
<a href="#"><li>童鞋</li></a>
<a href="#"><li>女包</li></a>
<a href="#"><li>男包</li></a>
<a href="#"><li>童包</li></a>
</ul>
</div>
<!-- 商品展示 -->
<div id="display">
<div class="container"></div>
<div class="pic">
<ul>
<li><a href="shopping detail.html"><img width="250px" height="330px" src="img/v1.jpg" alt=""></a>
<div class="down-content">
<a href="#"><h4>西装外套</h4></a>
<h4>¥199 <a href="#"><span style="color: #F33F3F">加入购物车</span><img src="img/t4.jpg" alt=""></a></h4>
<b>SEVEVTEEN 新款 女装 宽松休闲外套 </b> </div>
<div calss="star">
<img src="img/t1.png" alt="">
</div>
</li>
<li><a href="#"><img width="250px" height="330px" src="img/1591411563209..jpg" alt=""></a>
<div class="down-content">
<a href="#"><h4>T恤</h4></a>
<h4>¥199 <a href="#"><span style="color: #F33F3F">加入购物车</span><img src="img/t4.jpg" alt=""></a></h4>
<b>SEVEVTEEN 新款 TFR 女装 结饰 T恤 </b> </div>
<div calss="star">
<img src="img/t1.png" alt="">
</div>
</li>
<li><a href="#"><img width="250px" height="330px" src="img/1591411369518..jpg" alt=""></a>
<div class="down-content">
<a href="#"><h4>花朵耳环</h4></a>
<h4>¥199 <a href="#"><span style="color: #F33F3F">加入购物车</span><img src="img/t4.jpg" alt=""></a></h4>
<b>SEVEVTEEN 新款 女装 花朵装饰耳环 </b> </div>
<div calss="star">
<img src="img/t1.png" alt="">
</div>
</li>
<li><a href="#"><img width="250px" height="330px" src="img/1591411410070..jpg" alt=""></a>
<div class="down-content">
<a href="#"><h4>西装外套</h4></a>
<h4>¥199 <a href="#"><span style="color: #F33F3F">加入购物车</span><img src="img/t4.jpg" alt=""></a></h4>
<b>SEVEVTEEN 新款 TFR 女装 双排扣西装外套 </b> </div>
<div calss="star">
<img src="img/t1.png" alt="">
</div>
</li>
<li><a href="#"><img width="250px" height="330px" src="img/1591411299475..jpg" alt=""></a>
<div class="down-content">
<a href="#"><h4>刺绣上衣</h4></a>
<h4>¥199 <a href="#"><span style="color: #F33F3F">加入购物车</span><img src="img/t4.jpg" alt=""></a></h4>
<b>SEVEVTEEN 新款 TFR 女装 镂空刺绣上衣 </b> </div>
<div calss="star">
<img src="img/t1.png" alt="">
</div>
</li>
<li><a href="#"><img width="250px" height="330px" src="img/1591413211373..jpg" alt=""></a>
<div class="down-content">
<a href="#"><h4>长款风衣</h4></a>
<h4>¥199 <a href="#"><span style="color: #F33F3F">加入购物车</span><img src="img/t4.jpg" alt=""></a></h4>
<b>SEVEVTEEN 新款 TFR 女装 带腰带双排扣风衣 </b> </div>
<div calss="star">
<img src="img/t1.png" alt="">
</div>
</li>
<li><a href="#"><img width="250px" height="330px" src="img/1591411890355..jpg" alt=""></a>
<div class="down-content">
<a href="#"><h4>牛仔喇叭裤</h4></a>
<h4>¥199 <a href="#"><span style="color: #F33F3F">加入购物车</span><img src="img/t4.jpg" alt=""></a></h4>
<b>SEVEVTEEN 新款 TFR 女装 中腰及踝喇叭牛仔裤 </b> </div>
<div calss="star">
<img src="img/t1.png" alt="">
</div>
</li>
<li><a href="#"><img width="250px" height="330px" src="img/1591413773346..jpg" alt=""></a>
<div class="down-content">
<a href="#"><h4>针织上衣</h4></a>
<h4>¥199 <a href="#"><span style="color: #F33F3F">加入购物车</span><img src="img/t4.jpg" alt=""></a></h4>
<b>SEVEVTEEN 新款 TFR 女装 纽扣针织上衣 </b> </div>
<div calss="star">
<img src="img/t1.png" alt="">
</div>
</li>
<li><a href="#"><img width="250px" height="330px" src="img/1591411765740..jpg" alt=""></a>
<div class="down-content">
<a href="#"><h4>风衣</h4></a>
<h4>¥199 <a href="#"><span style="color: #F33F3F">加入购物车</span><img src="img/t4.jpg" alt=""></a></h4>
<b>SEVEVTEEN 新款 TFR 女装 配腰带风衣 </b> </div>
<div calss="star">
<img src="img/t1.png" alt="">
</div>
</li>
<li><a href="#"><img width="250px" height="330px" src="img/1591413831854..jpg" alt=""></a>
<div class="down-content">
<a href="#"><h4>方头凉鞋</h4></a>
<h4>¥199 <a href="#"><span style="color: #F33F3F">加入购物车</span><img src="img/t4.jpg" alt=""></a></h4>
<b>SEVEVTEEN 新款 TFR 女鞋 皮革色方头高跟牛皮格真皮凉鞋 </b> </div>
<div calss="star">
<img src="img/t1.png" alt="">
</div>
</li>
<li><a href="#"><img width="250px" height="330px" src="img/1591413568178..jpg" alt=""></a>
<div class="down-content">
<a href="#"><h4>仿皮外套</h4></a>
<h4>¥199 <a href="#"><span style="color: #F33F3F">加入购物车</span><img src="img/t4.jpg" alt=""></a></h4>
<b>SEVEVTEEN 新款 TFR 女装 仿皮外套 </b> </div>
<div calss="star">
<img src="img/t1.png" alt="">
</div>
</li>
<li><a href="#"><img width="250px" height="330px" src="img/1591415532018..jpg" alt=""></a>
<div class="down-content">
<a href="#"><h4>单肩斜挎包</h4></a>
<h4>¥199 <a href="#"><span style="color: #F33F3F">加入购物车</span><img src="img/t4.jpg" alt=""></a></h4>
<b>SEVEVTEEN 新款 TFR 女包 米色尼龙单肩斜挎包 </b> </div>
<div calss="star">
<img src="img/t1.png" alt="">
</div>
</li>
</ul>
</div>
</div>
</body>
</html>
html 前端期末作业 购物 多个前端作业
需积分: 0 134 浏览量
2024-01-22
21:17:28
上传
评论 1
收藏 49.6MB ZIP 举报
html 前端期末作业 购物 多个前端作业 （149个子文件） 
shopping detail.css 5KB index.css 2KB shopping car.css 1KB conment.css 1KB home.css 1KB product.css 1KB about us.css 985B login.css 928B messageboard.css 768B register.css 607B
product.html 8KB shopping detail.html 7KB index.html 6KB conment.html 4KB shopping car.html 3KB about us.html 2KB home.html 2KB messageboard.html 2KB register.html 1KB login.html 1020B
v5.jpg 855KB IMG_20190905_133843.jpg 816KB qj6207928952.jpg 788KB v2.jpg 777KB 1591413773346..jpg 692KB IMG_20190905_132139.jpg 501KB 5a44a39cN79f464ad.jpg 457KB IMG_20190516_181413.jpg 452KB qj6337287873.jpg 439KB qj6247896343.jpg 436KB IMG_20190905_132359.jpg 430KB v4.jpg 416KB IMG_20190905_130712.jpg 407KB img-44fe64ec84829bd6c9a65a7f2d57d756.jpg 400KB img-06ed667f9131e906193fa2fea462a6cf.jpg 397KB IMG_20190630_145037.jpg 394KB qj6688701178.jpg 378KB 1591413692671..jpg 368KB IMG_20190905_132115.jpg 366KB 1591411318850..jpg 356KB img-2c5df45052fc69c026ff2f238ad8eaaa.jpg 347KB 1591413211373..jpg 347KB 1591412194825..jpg 344KB 1591411838809..jpg 334KB v3.jpg 327KB 1591413638130..jpg 317KB 1591411890355..jpg 307KB 1591411410070..jpg 279KB t6.jpg 279KB img-069f5880c14253a24d4166a8753a9d7d.jpg 268KB 1591411765740..jpg 261KB img-5135dc3c2c1435f844c19f2f2cdf63bc.jpg 250KB 1591413597323..jpg 235KB 1591411563209..jpg 222KB IMG_20190909_093225.jpg 220KB qj8198066590.jpg 220KB 1591413568178..jpg 219KB img-761642eccef68cbc3c8e74be36b7eb27.jpg 215KB 1.jpg 205KB qj9105391846.jpg 196KB 1591411299475..jpg 195KB nature_daily_snap_shot_03_1920x1200_28771_12.jpg 183KB v1.jpg 169KB t9.jpg 166KB z4.jpg 153KB qj8354718820.jpg 151KB qq_pic_merged_1591179346765.jpg 149KB IMG_20190909_093144.jpg 148KB qj8354718812.jpg 134KB t5.jpg 112KB -1907184953.jpg 109KB qj8340238286.jpg 107KB qj8339598157.jpg 106KB qj8354730904.jpg 96KB c1.jpg 93KB 22661523.jpg 93KB -1931139041.jpg 88KB 1591415532018..jpg 84KB z1.jpg 81KB 1591413831854..jpg 64KB qq_pic_merged_1591780469843.jpg 62KB v7.jpg 61KB t4.jpg 56KB img-b753092dda78d289df1e97f4ec7cff75.jpg 52KB 1591411369518..jpg 51KB O1CN01vyrqBM1Tj1sx7VUZy_!!0-rate.jpg_400x400.jpg 40KB O1CN01qrH15R1IOSKIm7WKo_!!0-rate.jpg_400x400.jpg 38KB z3.jpg 31KB 22.jpg 31KB O1CN01oWSqtS1IOSKEJgsVW_!!0-rate.jpg_400x400.jpg 26KB u=1496038935,3513970047&fm=173&s=E90BA25501D25C785A35FD420100E0F0&w=477&h=287&img.jpg 24KB z2.jpg 21KB shopping detail.js 4KB register.js 1KB login.js 1000B index.js 924B Clairo - Flaming Hot Cheetos.mp3 5.35MB
x3.png 2.95MB x4.png 2.74MB x1.png 2.32MB共 149 条
- 1
- 2
资源评论
