天猫静态前端html_前端_html_其他

<!doctype html> <html> <head> <meta charset="utf-8"> <title>天猫首页</title> <link rel="stylesheet" href="css/tianmao-main.css"> </head> <body> <header> <div class="headerbox"> <div class="headertop"> <div class="headertop-box"> <div class="headertop-left"> <ul> <li>喵，欢迎来天猫</li> <li><a href="#" rel='nofollow' onclick='return false;'>请登录</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>免费注册</a></li> </ul> </div> <div class="header-right"> <ul> <li> <a href="#" rel='nofollow' onclick='return false;'>我的淘宝</a> <ul class="header-right-xiala"> <li><a href="#" rel='nofollow' onclick='return false;'>已买到的宝贝</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>已买到的宝贝</a></li> </ul> </li> <li><a href="#" rel='nofollow' onclick='return false;'>购物车0件</a></li> <li> <a href="#" rel='nofollow' onclick='return false;'>收藏夹</a> <ul class="header-right-xiala"> <li><a href="#" rel='nofollow' onclick='return false;'>收藏的宝贝</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>收藏的店铺</a></li> </ul> </li> <li>|</li> <li><a href="#" rel='nofollow' onclick='return false;'>手机版</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>淘宝网</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>商家支持</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>网站导航</a></li> </ul> </div> </div> </div> <div class="headerfooter"> <div class="logo"></div> <div class="sousuo"> <div class="sousuo-top"> <form action="#" method="post"> <div class="ipt"><input type="text" placeholder="搜索天猫商品/品牌/店铺"></div> <div class="ipt iptduiqi"><input type="submit" value="搜索"></div> </form> </div> <div class="sousuo-footer"> <ul> <li><a href="#" rel='nofollow' onclick='return false;'>针织衫</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>连衣裙</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>四件套</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>摄像头</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>客厅灯</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>口红</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>手机</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>运动鞋</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>牛奶</a></li> </ul> </div> </div> </div> </div> </header> <div style="clear:both;"></div> <div class="banner"> <div class="bannertop"> <div class="bannertop-left"> <div class="bannertop-left-img"></div> <div class="banner-fenlei">商品分类</div> </div> <nav> <ul> <li></li> <li></li> <li><a href="#" rel='nofollow' onclick='return false;'>天猫会员</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>电器城</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>喵鲜生</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>医药馆</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>营业厅</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>魅力惠</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>飞猪旅行</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>苏宁易购</a></li> </ul> </nav> </div> <div class="bannerbox"> <div class="banner-centent"> <div class="banner-list"> <ul> <li><a href="#" rel='nofollow' onclick='return false;'>女装</a> /<a href="#" rel='nofollow' onclick='return false;'>内衣</a> <div class="banner-list-box"> <div class="banner-list-box-left"> <div class="banner-list-box-left-l"> <div class="banner-list-box-left-l-t">当季流行 ></div> <div class="banner-list-box-left-l-l"> <ul> <li><a href="#" rel='nofollow' onclick='return false;'>春季新品</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>商场同款</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>气质连衣裙</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>卫衣</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>时髦外套</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>毛针织衫</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>休闲裤</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>牛仔裤</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>毛呢大衣</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>无痕文胸</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>运动文胸</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>潮流家居服</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>百搭船袜</a></li> </ul> </div> </div> <div style="clear:both;"></div> <div class="banner-list-box-left-l"> <div class="banner-list-box-left-l-t">精选上装 ></div> <div class="banner-list-box-left-l-l"> <ul> <li><a href="#" rel='nofollow' onclick='return false;'>毛呢外套</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>羽绒服</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>棉服</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>丝绒</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>卫衣</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>毛针织衫</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>皮毛一体</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>皮草毛衣</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>衬衫</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>卫衣</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>针织衫</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>T恤</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>短外套</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>小西装</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>风衣</a></li> </ul> </div> </div> <div style="clear:both;"></div> <div class="banner-list-box-left-l"> <div class="banner-list-box-left-l-t">浪漫裙装 ></div> <div class="banner-list-box-left-l-l"> <ul>

天猫静态 前端html

天猫静态前端html