阅读背景:

淘宝网首页静态页面设计代码(纯html+css)_伐木累!的博客_html淘宝网页制作代码

来源:互联网 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link href='/go.html?url=css/style.css' type="text/css" rel="stylesheet">
	</head>
	<body>
		<div class="bg">
			<div class="top">
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="/go.html?url=https://login.taobao.com/member/login.jhtml?spm=a231o.13503973.1997563269.1.26f068edCrp8Nl&f=top&redirectURL=https%3A%2F%2Fai.taobao.com%2F%3Fpid%3Dmm_131275439_43128542_313912626&pid=mm_131275439_43128542_313912626&union_lens=recoveryid%3A201_11.15.254.94_1313896_1625642444893%3Bprepvid%3A201_11.15.254.94_1313896_1625642444893"style="color:red;">亲,请登录</a>
				<a href="/go.html?url=#">免费注册</a>&nbsp;&nbsp;<a href="/go.html?url=#">手机逛淘宝</a>
				<ul>
					<li><a href="/go.html?url=https://ai.taobao.com/?pid=mm_131275439_43128542_313912626"style="color:red;">淘宝网首页</a></li>
					<li><a href="/go.html?url=https://login.taobao.com/member/login.jhtml?redirectURL=http%3A%2F%2Fi.taobao.com%2Fmy_taobao.htm%3Fspm%3Da231o.13503973.1997525045.1.26f068edB3TVtP%26pid%3Dmm_131275439_43128542_313912626%26union_lens%3Drecoveryid%253A201_11.29.177.232_1262055_1625636857039%253Bprepvid%253A201_11.29.177.232_1262055_1625636857039">我的淘宝</a></li>
					<li><img src='img/购物车.jpg'style="width:15px;margin-top:5px;"><a href="/go.html?url=#">购物车</a></li>
					<li><a href="/go.html?url=#">★ 收藏夹</a></li>
					<li><a href="/go.html?url=#">商品分类</a></li>
					<li><a href="/go.html?url=#">卖家中心</a></li>
					<li><a href="/go.html?url=#">联系客服</a></li>
					<li><img src='img/line.jpg'><a href="/go.html?url=#">网站导航</a></li>
				</ul>
			</div>
			<div class="top-x">
				<img src='img/tianmao.jpg'style="width:1070px;height:80px;margin-left:190px;float:left;">
			</div>
			<div class="sousuo">
				<img src='img/logo.jpg'style="width:170px;height:75px;float:left;">
				 <input type="text" name="address" size="60" maxlength="60" style="color:darkgray;" value=" 新款女装"onFocus="if(value==defaultValue){value='';this.style.color='#000'}" onBlur="if(!value){value=defaultValue;this.style.color='#999'}">
				 <ul>
					 <li><a href="/go.html?url=#"style="color:red;">一淘限时抢</a></li>
					 <li><a href="/go.html?url=#">新款女装</a></li>
					 <li><a href="/go.html?url=#">女装</a></li>
					 <li><a href="/go.html?url=#">床</a></li>
					 <li><a href="/go.html?url=#">手链</a></li>
					 <li><a href="/go.html?url=#">洗衣液</a></li>
					 <li><a href="/go.html?url=#">无线耳机</a></li>
					 <li><a href="/go.html?url=#">沐浴露</a></li>
					 <li><a href="/go.html?url=#">帆布鞋</a></li>
					 <li><a href="/go.html?url=#">电动车</a></li>
					 <li><a href="/go.html?url=#">牙膏</a></li>
				 </ul>
			</div>
			<button><a href="/go.html?url=#">搜索</a></button>
			<div class="daily">
				<ul>
					<li><a href="/go.html?url=#">每日爆品 1元起</a></li>
					<li><a href="/go.html?url=#">聚划算</a></li>
					<li><a href="/go.html?url=#">淘抢购</a></li>
					<li><a href="/go.html?url=#">天猫超市</a></li>
					<li><a href="/go.html?url=#">天猫国际官方直营</a></li>
				</ul>
			</div>
			<div class="xia-l">
				<table>
					<img src='img/bag.jpg'style="width:35px;margin:5px;">
					<tr>
						<td><a href="/go.html?url=#">双肩背包</a></td>
						<td><a href="/go.html?url=#">托特包</a></td>
						<td>&nbsp;&nbsp;<a href="/go.html?url=#">zara</a></td>
						<td><a href="/go.html?url=#">背包</a></td>
					</tr>
					<tr>
						<td><a href="/go.html?url=#"style="color:#F03726;">行李箱</a></td>
						<td><a href="/go.html?url=#">腰包</a></td>
						<td><a href="/go.html?url=#">斜挎男包</a></td>
						<td><a href="/go.html?url=#">挎包</a></td>
					</tr>
				</table>
				<table>
					<img src='img/数码.jpg'style="width:35px;margin:5px;">
					<tr>
						<td><a href="/go.html?url=#">空调</a></td>
						<td><a href="/go.html?url=#">冰箱</a></td>
						<td>&nbsp;<a href="/go.html?url=#">耳机</a></td>
						<td><a href="/go.html?url=#"style="color:#F03726;">格力空调</a></td>
					</tr>
					<tr>
						<td><a href="/go.html?url=#">投影仪</a></td>
						<td><a href="/go.html?url=#">键盘</a></td>
						<td><a href="/go.html?url=#">小冰箱</a></td>
						<td><a href="/go.html?url=#">饮水机</a></td>
					</tr>
				</table>
				<table>
					<img src='img/women.jpg'style="width:35px;margin:5px;">
					<tr>
						<td><a href="/go.html?url=#">凉鞋</a></td>
						<td><a href="/go.html?url=#">半身裙</a></td>
						<td><a href="/go.html?url=#">上衣夏</a></td>
						<td><a href="/go.html?url=#">套装夏</a></td>
					</tr>
					<tr>
						<td><a href="/go.html?url=#">鞋子</a></td>
						<td><a href="/go.html?url=#">高跟鞋</a></td>
						<td><a href="/go.html?url=#">半身裙夏</a></td>
						<td><a href="/go.html?url=#"style="color:#F03726;">旗袍</a></td>
					</tr>
				</table>
				<table>
					<img src='img/man.jpg'style="width:35px;margin:5px;">
					<tr>
						<td><a href="/go.html?url=#">短裤</a></td>
						<td><a href="/go.html?url=#">电动车</a></td>
						<td><a href="/go.html?url=#">帆布鞋</a></td>
						<td><a href="/go.html?url=#">打火机</a></td>
					</tr>
					<tr>
						<td><a href="/go.html?url=#">眼镜</a></td>
						<td>&nbsp;<a href="/go.html?url=#"style="color:#F03726;">头盔</a></td>
						<td><a href="/go.html?url=#">男士衬衫</a></td>
						<td><a href="/go.html?url=#">男裤</a></td>
					</tr>
				</table>
				<table>
					<img src='img/母婴.jpg'style="width:35px;margin:5px;">
					<tr>
						<td><a href="/go.html?url=#">饼干</a></td>
						<td><a href="/go.html?url=#">文具盒</a></td>
						<td><a href="/go.html?url=#">婴儿床</a></td>
						<td><a href="/go.html?url=#"style="color:#F03726;">护膝</a></td>
					</tr>
					<tr>
						<td><a href="/go.html?url=#">奶粉</a></td>
						<td><a href="/go.html?url=#">妈咪包</a></td>
						<td><a href="/go.html?url=#">月子服</a></td>
						<td><a href="/go.html?url=#">铅笔盒</a></td>
					</tr>
				</table>
				<table>
					<img src='img/家居.jpg'style="width:35px;margin:5px;">
					<tr>
						<td><a href="/go.html?url=#">床垫子</a></td>
						<td><a href="/go.html?url=#">拖鞋女</a></td>
						<td>&nbsp;<a href="/go.html?url=#">枕头</a></td>
						<td><a href="/go.html?url=#"style="color:#F03726;">四件套</a></td>
					</tr>
					<tr>
						<td><a href="/go.html?url=#">衣架</a></td>
						<td><a href="/go.html?url=#">毛巾</a></td>
						<td><a href="/go.html?url=#">洗脸巾</a></td>
						<td><a href="/go.html?url=#">夏凉被</a></td>
					</tr>
				</table>
				<table>
					<img src='img/美食.jpg'style="width:35px;margin:5px;">
					<tr>
						<td><a href="/go.html?url=#">咖啡</a></td>
						<td><a href="/go.html?url=#">饼干</a></td>
						<td><a href="/go.html?url=#">茶叶</a></td>
						<td><a href="/go.html?url=#">零食礼包</a></td>
					</tr>
					<tr>
						<td><a href="/go.html?url=#"style="color:#F03726;">巧克力</a></td>
						<td><a href="/go.html?url=#">牛肉干</a></td>
						<td><a href="/go.html?url=#">白酒</a></td>
						<td>&nbsp;<a href="/go.html?url=#">矿泉水</a></td>
					</tr>
				</table>
				<table>
					<img src='img/美妆.jpg'style="width:35px;margin:5px;">
					<tr>
						<td><a href="/go.html?url=#">沐浴乳</a></td>
						<td><a href="/go.html?url=#"style="color:#F03726;">防晒霜</a></td>
						<td>&nbsp;<a href="/go.html?url=#">香水</a></td>
						<td><a href="/go.html?url=#">口红</a></td>
					</tr>
					<tr>
						<td><a href="/go.html?url=#">防晒喷雾</a></td>
						<td><a href="/go.html?url=#">眼影盘</a></td>
						<td><a href="/go.html?url=#">眼影盒</a></td>
						<td><a href="/go.html?url=#">美甲</a></td>
					</tr>
				</table>
			</div>
			<div class="banner">
				<img src='img/banner.jpg'style="width:465px;height:239px;">
				<img src='img/产品.jpg'style="width:125px;height:243px;float:left;margin:-247px 0px 0px 477px;">
			</div>
			<div class="my">
				<table>
						<a href="/go.html?url=https://login.taobao.com/member/login.jhtml?redirectURL=http%3A%2F%2Fi.taobao.com%2Fmy_taobao.htm%3Fspm%3Da231o.13503973.1997525045.1.26f068edB3TVtP%26pid%3Dmm_131275439_43128542_313912626%26union_lens%3Drecoveryid%253A201_11.29.177.232_1262055_1625636857039%253Bprepvid%253A201_11.29.177.232_1262055_1625636857039"><img src="img/五角星.jpg"style="width:22px;height:17px;float:left;margin:3px 0px 0px 50px;">
						<p style="float:left;margin-top:4px;font-size:14px;color:orangered;">我的淘宝</p></a>
					<tr>
						<td><a href="/go.html?url=#"><img src="img/天猫logo.jpg"style="width:100px;height:47px;"></a></td>
						<td><a href="/go.html?url=#"><img src='img/淘宝网%20logo.jpg'style="width:100px;height:47px;"></a></td>
					</tr>
					<tr>
						<td><a href="/go.html?url=https://uland.taobao.com/sem/tbsearch?refpid=mm_26632258_3504122_32538762&keyword=%E5%A5%B3%E8%A3%85&clk1=f06321c593a801cd355af06f036c6a2d&upsId=f06321c593a801cd355af06f036c6a2d">
						<img src='img/聚划算logo.jpg'style="width:100px;height:46px;"></a></td>
						<td><a href="/go.html?url=#"><img src='img/天猫国际logo.jpg'style="width:100px;height:46px;"></a></td>
					</tr>
					<tr>
						<td><a href="/go.html?url=#"><img src='img/9.9logo.jpg'style="width:100px;height:47px;"></a></td>
						<td><a href="/go.html?url=#"><img src='img/淘抢购logo.jpg'style="width:100px;height:47px;"></a></td>
					</tr>
					<tr>
						<td><a href="/go.html?url=https://pages.tmall.com/wow/z/cs/act/wupr?wh_biz=tm&wh_pid=act%2Ftaokechengjie&ali_trackid=2:mm_1112570142_1558350137_110275250465:1625641429_126_172722590&union_lens=lensId:<!DOCTYPE html>
<html>
	<head>
		<meta c



你的当前访问异常,请进行认证后继续阅读剩余内容。

分享到: