<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>天猫tmall.com--理想生活上天猫</title>
<meta name="keywords" content="商城,网上购物,网购,进口食品,美容护理,母婴玩具,家用电器,手机数码,家居生活,服饰内衣,营养保健,钟表珠宝,饰品箱包,汽车生活,图书音像,礼品卡">
<meta name="description"
content="天猫，中国线上购物的地标网站，亚洲超大的综合性购物平台，拥有10万多品牌商家。每日发布大量国内外商品！正品网购，上天猫！天猫千万大牌正品,品类全，一站购，支付安全，退换无忧！理想生活上天猫!">
<link rel="icon" href="images/HLogo.ico">
<!-- 引入公共样式 -->
<link rel="stylesheet" href="css/base.css">
<!-- 引入首页样式、 -->
<link rel="stylesheet" href="css/index.css">
<style>
@font-face {
font-family: 'icomoon';
src: url('fonts/icomoon.eot?wmdpao');
src: url('fonts/icomoon.eot?wmdpao#iefix') format('embedded-opentype'),
url('fonts/icomoon.ttf?wmdpao') format('truetype'),
url('fonts/icomoon.woff?wmdpao') format('woff'),
url('fonts/icomoon.svg?wmdpao#icomoon') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
</style>
</head>
<body id="html-top">
<!-- 顶部导航栏 -->
<section class="sec-roof">
<div class="w1230 h-nav">
<div class="hl-nav">
<i>喵，欢迎来天猫</i>
<a href="#" class="log-in">请登录</a><a href="#" class="sign-in">免费注册</a>
</div>
<div class="hr-nav">
<ul>
<li class="nav-tao">
<a href="#" class="mytao">我的淘宝</a>
<div class="record">
<div class="info">
<a href="#">已买到的宝贝</a>
<a href="#">已卖出的宝贝</a>
</div>
</div>
</li>
<li class="shopping-car">
<a href="#">购物车</a>
</li>
<li class="nav-tao fav">
<a href="#" class="mytao">收藏夹</a>
<div class="record">
<div class="info">
<a href="#">收藏的宝贝</a>
<a href="#">收藏的店铺</a>
</div>
</div>
</li>
<li class="phone">
<a href="#">手机版</a>
<div class="down-phone">
<div class="down-info">
<div>
<img src="images/phone_down.png" alt="">
</div>
<img src="images/新人奖励.jpg" alt="" class="new">
</div>
</div>
</li>
<li>
<a href="#">淘宝网</a>
</li>
<li class="nav-tao merchat-support">
<a href="#" class="mytao">商家支持</a>
<div class="record">
<div class="info">
<dl class="merchat-help clearfix">
<dt>商家：</dt>
<dd><a href="#">商家中心</a></dd>
<dd><a href="#">天猫规则</a></dd>
<dd><a href="#">商家入驻</a></dd>
<dd><a href="#">运营服务</a></dd>
<dd><a href="#">商家品控</a></dd>
<dd><a href="#">商家工具</a></dd>
<dd><a href="#">天猫智库</a></dd>
<dd><a href="#">喵言喵语</a></dd>
</dl>
<dl class="merchat-help clearfix">
<dt>帮助：</dt>
<dd><a href="#">帮助中心</a></dd>
<dd><a href="#">问商友</a></dd>
</dl>
</div>
</div>
</li>
<li class="nav-tao sites-nav">
<a href="#" class="mytao s-nav">网站导航</a>
<div class="record">
<div class="info">
<div class="hot-nav">
<h3>热点推荐 Hot</h3>
<ul>
<li><a href="#">天猫市场</a></li>
<li><a href="#">喵鲜生</a></li>
<li><a href="#">科技新品</a><i class="upper-left-n"></i></li>
<li><a href="#">女装新品</a><i class="upper-left-h"></i></li>
<li><a href="#">酷玩街</a></li>
<li><a href="#">内衣新品</a><i class="upper-left-h"></i></li>
<li><a href="#">试美妆</a></li>
<li><a href="#">运动新品</a></li>
<li><a href="#">时尚先生</a><i class="upper-left-h"></i></li>
<li><a href="#">精明妈咪</a></li>
<li><a href="#">吃乐会</a><i class="upper-left-n"></i></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="hot-nav market">
<h3>行业市场 Market</h3>
<ul>
<li><a href="#">美妆</a></li>
<li><a href="#">电器</a></li>
<li><a href="#">女装</a><i class="upper-left-h"></i></li>
<li><a href="#">男装</a><i class="upper-left-h"></i></li>
<li><a href="#">女鞋</a></li>
<li><a href="#">男鞋</a></li>
<li><a href="#">内衣</a><i class="upper-left-h"></i></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><i class="upper-left-
天猫首页布局练习（HTML+CSS）.zip
需积分: 50 13 浏览量
2020-08-02
21:08:19
上传
评论 1
收藏 6.27MB ZIP 举报
天猫首页布局练习（HTML+CSS）.zip （103个子文件） 
index.css 35KB base.css 2KB icomoon.eot 21KB
summer.gif 115KB 网络工商.gif 3KB
index.html 141KB HLogo.ico 162KB
鸡胸肉.jpg 600KB 高钙低脂牛奶.jpg 290KB 黑麦面包.jpg 258KB 八宝米.jpg 251KB 格兰特咖啡.jpg 219KB 天猫国际-3.jpg 204KB 绿豆.jpg 192KB 天猫国际-6.jpg 162KB 清凉一夏.jpg 158KB 天猫国际-9.jpg 156KB 药片.jpg 114KB 潮我来.jpg 105KB 天猫国际-1.jpg 95KB 洗面奶.jpg 92KB 大牌上新.jpg 87KB 美丽-1.jpg 84KB 篮球男神.jpg 79KB 天猫国际-5.jpg 75KB 天猫国际-7.jpg 71KB 天猫国际-8.jpg 70KB blist-4.jpg 63KB 茅台.jpg 59KB 初秋.jpg 55KB 夏日狂欢会.jpg 52KB 1抢100.jpg 46KB 天猫国际-4.jpg 45KB blist-3.jpg 42KB 夏日狂欢节.jpg 39KB 彩妆周.jpg 38KB 天猫国际-10.jpg 35KB 每晚一粒.jpg 33KB 户外出行-1.jpg 31KB himg.jpg 31KB 家清.jpg 31KB 绿植.jpg 29KB 林氏木业.jpg 28KB 个护.jpg 26KB 萌宠.jpg 24KB 纸巾.jpg 23KB 天猫国际-2.jpg 22KB 美妆.jpg 21KB 新人奖励.jpg 20KB 运动男装LOGO.jpg 19KB mod_service.jpg 19KB 尿裤.jpg 16KB 纯牛奶.jpg 13KB baobao.jpg 11KB 衬衣.jpg 6KB blist-1.jpg 4KB 3_dark_cy.jpg 4KB blist-2.jpg 2KB 男女鞋包LOGO-1.jpg 2KB blist-8.jpg 2KB blist-9.jpg 2KB 男女鞋包LOGO-12.jpg 2KB 男女鞋包LOGO-8.jpg 2KB 男女鞋包LOGO-9.jpg 2KB 男女鞋包LOGO-14.jpg 2KB 男女鞋包LOGO-6.jpg 1KB 男女鞋包LOGO-15.jpg 1KB 男女鞋包LOGO-13.jpg 1KB 男女鞋包LOGO-7.jpg 1KB 男女鞋包LOGO-10.jpg 1KB 男女鞋包LOGO-2.jpg 1KB 男女鞋包LOGO-16.jpg 1KB 经营许可证.jpg 1KB 男女鞋包LOGO-11.jpg 1KB 男女鞋包LOGO-4.jpg 1KB 男女鞋包LOGO-3.jpg 1KB 男女鞋包LOGO-5.jpg 909B
居家-1.png 819KB 打造爱巢-1.png 701KB 潮电酷玩-1.png 320KB blist-6.png 135KB blist-10.png 34KB blist-5.png 21KB blist-7.png 13KB phone_down.png 9KB 天猫精灵图.png 8KB 天猫彩妆周.png 7KB 天猫国际.png 6KB 天猫超市.png 6KB 天猫超市-2.png 3KB 天猫国际-2.png 3KB 夏日狂欢购.png 3KB 黑猫.png 2KB 手机天猫.png 2KB 浙安.png 1KB end.png 876B 对号.png 463B 广告字样.png 274B slip-999.png 133B slip-fff.png 132B共 103 条
- 1
- 2
资源评论
