代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" href="css/1.css" />
</head>
<body>
<div class="max">
<div class="top">
<p>旅游产品分类</p>
<ul>
<li>首页</li>
<li>商旅租车</li>
<li>酒店宾馆</li>
<li>景点门票</li>
<li>定制旅游</li>
<li>旅游问答</li>
</ul>
</div>
<div class="center">
<div class="top-1"><span>当前位置:首页>旅游路线首页>新疆旅游线路</span></div>
<div class="center-left">
<div id="z3">
<h1>新疆旅游热门目的地</h1>
</div>
<dl>
<dt>
<a title="" target="_blank">地区</a>
</dt>
<dd>
<span>乌鲁木齐</span>
<span>吐鲁番</span>
<span>阿勒泰</span><br />
<span>伊犁</span>
<span>克拉玛依</span>
<span>库尔勒</span><br />
<span>阿克苏</span>
<span>喀什</span>
<span>和田</span><br />
<span>昌吉</span>
<span>博乐</span>
<span>哈密</span>
</dd>
</dl>
<dl>
<dt>
<a title="" target="_blank">天数</a>
</dt>
<dd>
<span>一日游</span>
<span>二日游</span>
<span>三日游</span><br />
<span>四日游</span>
<span>五日游</span>
<span>六日游</span><br />
<span>七日游</span>
<span>八日游</span>
<span>九日游</span><br />
<span>十日游以</span>
</dd>
</dl>
<dl>
<dt>
<a title="" target="_blank">景点</a>
</dt>
<dd>
<span>白哈巴</span>
<span>五彩滩</span>
<span>魔鬼城</span><br />
<span>果子沟</span>
<span>葡萄沟</span>
<span>坎儿井</span><br />
<span>火焰山</span>
<span>香妃墓</span>
<span>莲花湖</span><br />
<span>喀纳斯</span>
<span>禾木村</span>
<span>可可托海</span><br />
<span>独库公路</span>
<span>赛里木湖</span>
<span>南山牧场</span><br />
<span>天山天池</span>
<span>交河古城</span>
<span>高昌古城</span><br />
<span>罗布人村</span>
<span>胡杨林公</span>
<span>那拉提草</span><br />
<span>天山神木</span>
<span>卡拉库里</span>
<span>喀什老城</span><br />
<span>达瓦昆沙</span>
<span>八音布鲁</span>
</dd>
</dl>
</div>
<div class="center-rignt">
<div id="z1">
<img src="img/1.jpg" / id="u1">
<img src="img/2.jpg" / id="u2">
<img src="img/3.jpg" / id="u3">
<img src="img/4.jpg" / id="u4">
<img src="img/5.jpg" / id="u5">
<img src="img/6.jpg" / id="u6">
<img src="img/7.jpg" / id="u7">
<p>新疆旅游线路推荐</p>
</div>
<div id="z2">
<img src="img/8.jpg" / width="310px" height="265px" id="a1">
<div id="b1">
<h5>天池春晚一日游</h5>
<p>¥260起</p>
<input type="submit" value="去看看" />
</div>
<img src="img/9.jpg" / id="a2">
<img src="img/10.jpg" / id="a3">
<img src="img/11.jpg" / id="a4">
<img src="img/12.jpg" / id="a5">
</div>
</div>
</div>
</div>
</body>
</html>
显示出来的效果图: