HTML5期末大作业：淘宝网站设计——仿2021淘宝首页(1页) 大学生网页制作教程 表格布局网页模板 学生HTML静态水网页设计作业成品 简单网页制作代码 学生商城网页作品免费设计（一看就会）淘宝店铺网页设计作业，

</ul> </div> <div class="sub-nav-cell right-shadow"> <h3 class="red-now">当前热点</h3> <ul class="sub-nav-box now"> <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> <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 class="sub-nav-cell"> <h3 class="blue-more">更多精彩</h3> <ul class="sub-nav-box more"> <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> <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> </div> </div> </div> <!--scroll-top--> <div class="scroll-search"> <div class="search-litter"> <img class="scroll-logo" src="img/logo.png" /> <!--scroll-search--> <div class="search-wrapper-scroll"> <div class="search-box-scroll"> <div data-toggle="arrowdown" id="arrow9" class="search-toggle-scroll"> 小精灵<span class="down-icon"></span> </div> <input class="search-in-scroll" type="text" placeholder=" 搜‘健康椅’试试，办公好选择" /> <input type="button" class="search-but-scroll" value="搜索"> <div data-toggle="hidden-box" id="nav-box9" class="search-toggle-box-scroll">店面</div> </div> </div> </div> </div> </div> <!--top-main--> <div class="top-main"> <img src="img/logo.gif" /> <div class="search-wrapper"> <div class="search-box"> <div data-toggle="arrowdown" id="arrow8" class="search-toggle"> 小精灵<span class="down-icon"></span> </div> <input class="search-in" type="text" placeholder=" 搜‘健康椅’试试，办公好选择"> <input type="button" class="search-but" value="搜索"> <div data-toggle="hidden-box" id="nav-box8" class="search-toggle-box">店面</div> </div> <a class="a-float-left hight-search" href="#">高级<br/>搜索</a> <!--other-search--> <div class="other-search"> <a href="#">女士凉鞋</a> <a href="#">男士T恤</a> <a href="#">连衣裙</a> <a href="#">时尚女包</a> <a href="#">女士T恤</a> <a href="#">雪纺衫</a> <a href="#">中老年女装</a> <a href="#">风衣</a> <a href="#">童装</a> <a href="#">孕妇装</a> <a href="#">运动套装</a> <a href="#">打底裤</a> <a href="#">蚊帐</a> <a href="#" class="more-other">更多<i class="fa fa-angle-right"></i></a> </div> </div> <!--two-code--> <div class="two-code"> <h3>智能手机淘宝</h3> <img src="img/code.png" /> <div class="close-code"><i class="fa fa-times"></i></div> </div> </div> <!--content-top--> <div class="content-top"> <!--sidebar--> <div class="sidebar"> <h3>商品服务分类</h3> <!--sidebar-info--> <div class="sidebar-info"> <ul class="side-li"> <li class="s_1"> <h3>服饰内衣<span class="fa fa-angle-right fa-loc"></span></h3> </li> <li class="s_2"> <h3>鞋包配饰<span class="fa fa-angle-right fa-loc"></span></h3> </li> <li class="s_3"> <h3>运动户外<span class="fa fa-angle-right fa-loc"></span></h3> </li> <li class="s_4"> <h3>珠宝手表<span class="fa fa-angle-right fa-loc"></span></h3> </li> <li class="s_5"> <h3>智能手机数码<span class="fa fa-angle-right fa-loc"></span></h3> </li> <li class="s_6"> <h3>家电办公<span class="fa fa-angle-right fa-loc"></span></h3> </li> <li class="s_7"> <h3>护肤彩妆<span class="fa fa-angle-right fa-loc"></span></h3>v</li> <li class="s_8"> <h3>母婴用品<span class="fa fa-angle-right fa-loc"></span></h3> </li> <li class="s_9"> <h3>家纺居家<span class="fa fa-angle-right fa-loc"></span></h3> </li> <li class="s_10"> <h3>家具建材<span class="fa fa-angle-right fa-loc"></span></h3> </li> <li class="s_11"> <h3>甜品特产<span class="fa fa-angle-right fa-loc"></span></h3> </li> <li class="s_12"> <h3>日用百货<span class="fa fa-angle-right fa-loc"></span></h3> </li> <li class="s_13"> <h3>汽车摩托<span class="fa fa-angle-right fa-loc"></span></h3> </li> <li class="s_14"> <h3>文化娱乐<span class="fa fa-angle-right fa-loc"></span></h3> </li> <li class="s_15"> <h3>本地生活<span class="fa fa-angle-right fa-loc"></span></h3> </li> <li class="s_16"> <h3>虚拟服务<span class="fa fa-angle-right fa-loc"></span></h3> </li> </ul> <!--hidden-li-box--> <ul class="hiden-box"> <li data-hidden="li" id="hiden-1"> <div class="hidden-title"> <a href="#">淘宝女人</a><span class="right-box"><i class="fa fa-angle-right"></i></span> <a href="#">最in女装</a><span class="right-box"><i class="fa fa-angle-right"></i></span> <a href="#">淘宝男人</a><span class="right-box"><i class="fa fa-angle-right"></i></span> <a href="#">女人搭配</a><span class="right-box"><i class="fa fa-angle-right"></i></span> </div> <div class="sub-nav-right"> <div class="cell-box"> <h1>印记女装</h1> <div class="a-box"> <a href="#">连衣裙</a><span>|</span> <a href="#">裤子</a><span>|</span> <a href="#">小西装</a><span>|</span> <a href="#">长袖村上</a><span>|</span> <a href="#" class="orange">春季外套</a> <a href="#">郑志山</a><span>|</span> <a href="#">毛衣</a><span>|</span> <a href="#">长袖T恤</a><span>|</span> <a href="#">唯一</a><span>|</span> <a href="#">雪绒钱</a><span>|</span> <a href="#">大地亏</a> <a href="#">半身全</a><span>|</span> <a href="#">风衣</a><span>|</span> <a href="#">类似雪纺</a> <span class="share-weitao"> <span class="line-f40">+</span> <a href="#">关注到微淘</a> </span> </div> <div class="inner-left"> <img src="img/show1.png" /> <h1><a href="#">有到一年雪绒坊</a></h1> <span>优雅的温柔</span> </div> <div class="inner-right"> <div> <a href="#"> <img src="img/shooes.jpg" /> <p>春夏美鞋</p> </a> <a href="#"> <img src="img/c.gif" /> <p>春季亮色搭</p> </a> </div> <table class="tab-inner"> <tr> <td><a href="#">潮流女装</a></td> <td><a href="#">小个子美搭</a></td> </tr> <tr> <td><a href="#">胖MM显廋</a></td> <td><a href="#">复古多包袋</a></td> </tr> </table> </div> </div> </div> <div class="product-box"> <div class="inner-info"> <div> <span class="line-f40">|</span> <span class="text-title">女人爱搭配</span> <span class="share-weitao"> <span class="line-f40">+</span> <a href="#">关注到微淘</a> </span> </div> <div class="inner-left"> <img src="img/show1.png" /> <h1><a href="#">有到一年雪绒坊</a></h1> <span>优雅的温柔</span> </div> <div class="inner-right"> <div> <a href="#"> <img src="img/shooes.jpg" /> <p