body属性
<div class="H1">
<div class="top-nav">
<div class="tn1">
<img src="img/羁旅logo.png" style="width: 97.5px; height: 65px;" />
</div>
<div class="tn2">
<a class="ykbz" href="http://www.cncn.com/baozhang/" target="_blank" onclick="">
游客保障
</a>
</div>
<a href="#" target="_blank">
<div class="tn3">网站导航</div>
</a>
</div>
<div class="a1">
<div class="A1">
<a href="羁旅.html"><div class="a11">首 页</div></a>
<a href="#"><div class="a11">旅游顾问</div></a>
<a href="羁旅3.html"><div class="a11">羁旅优选</div></a>
<a href="#"><div class="a11">跟团游</div></a>
<a href="#"><div class="a11">自助游</div></a>
<a href="#"><div class="a11">主题游</div></a>
<a href="#"><div class="a11">目的地</div></a>
<a href="#"><div class="a11">攻略</div></a>
<a href="#"><div class="a11">百宝箱</div></a>
</div>
</div> <div class="a2">
<span class="a2-1">
<a class="a2-1a" href="#">目的地攻略<i></i></a>
</span>
<sub>></sub>
<span class="a2-1">
<a class="a2-1a" href="#">中国<i></i></a>
</span>
<sub>></sub>
<span class="a2-1">
<a class="a2-1a" href="#">海南<i></i></a>
</span>
<sub>></sub>
<span class="a2-1">
<a class="a2-1a" href="#">三亚<i></i></a>
</span>
<sub>></sub>
<span>三亚旅游景点</span>
</div>
<div class="a3">
<div class="a3-1">
<div class="a3-1a">三亚旅游</div>
<div class="a3-1b">Sanya</div>
</div>
<div class="a3-2">
<div class="a3-2a">
<img src="img/天气.png" alt="" />
<a class="aaa" href="http://tianqi.cncn.com/sanya" target="_blank" title="三亚天气预报">
26℃</a>
</div>
<div class="a3-2b">
<p class="a3-2b-1">东方夏威夷，椰风树影，碧海蓝天，帆影点点，
在蜈支洲岛潜一回水，在亚龙湾晒个太阳，
在天涯海角许下浪漫誓言……</p>
</div>
</div>
<div class="a3-3">
<a href="C:\Users\Administrator\Documents\HBuilderProject\HelloHBuilder\羁旅.html"
target="主页"><div class="a3-3a">
主页</div></a>
<a href="http://sanya.cncn.com/jingdian/" target="三亚旅游景点">
<div class="a3-3a">景点</div></a>
<a href="http://sanya.cncn.com/xianlu/" target="三亚旅游线路">
<div class="a3-3a">线路</div></a>
<a href="http://sanya.cncn.com/meishi/" target="三亚美食">
<div class="a3-3a">美食</div></a>
<a href="http://sanya.cncn.com/hotle/" target="三亚酒店预订">
<div class="a3-3a">住宿</div></a>
<a href="http://sanya.cncn.com/jiaotong/" target="三亚交通">
<div class="a3-3a">交通</div></a>
<a href="http://sanya.cncn.com/lvyougonglue/" target="三亚旅游攻略">
<div class="a3-3a">旅游攻略</div></a>
<a href="http://sanya.cncn.com/guwen/" target="三亚旅游顾问">
<div class="a3-3a">旅游顾问</div></a>
<a href="http://wan.cncn.com/guide_sanya.htm/" target="三亚旅游指南">
<div class="a3-3a1">指南</div></a>
</div>
</div>
<div class="fn-clear">
<div class="fn-clear1">
<div class="fn-clear-1">
<div class="fc1">景点星级:</div>
<a href="#" target="_blank"><div class="fc2">全部</div></a>
<a href="#" target="_blank"><div class="fc3">5A级景点</div></a>
<a href="#" target="_blank"><div class="fc3">4A级景点</div></a>
<a href="#" target="_blank"><div class="fc3">3A级景点</div></a>
<a href="#" target="_blank"><div class="fc3">2A级景点</div></a> </div> <div class="fist">
<a href="#" target="_blank">
<img class="lazy" src="img/first.png" alt="三亚亚龙湾" style="position: absolute;"/>
</a>
<!--<div class="title">
<b>亚龙湾</b>
<span>554703人想去</span>
</div>-->
<div class="first-1">
<p>亚龙湾位于中国最南端的热带滨海旅游城市——三亚市东南28公里处，
是海南最南端的一个半月形海湾，全长约7.5公里，是海南名景之一。
亚龙湾沙滩绵延7公里且平缓宽阔，浅海区宽达50-60米。沙粒洁白细软，
海水澄澈晶莹，而且蔚蓝。能见度7-9米。海底世界资源丰富，有珊瑚礁...
</p>
</div>
<div class="first-2">
<div class="first-2-1">
<span class="price">
羁旅价：¥
<b>1</b> 起
</span>
<div class="btn"><a href="#">购买门票</a></div>
</div>
</div>
<div class="first-3">
<div class="type">
<d1>
<dt>景点等级： </dt>
<dd>AAAA</dd>
</d1><br />
<d1>
<dt>开放时间 : </dt>
<dd>7:30—18:00</dd>
</d1><br />
<d1>
<dt>景点地址 : </dt>
<dd>亚龙湾国家旅游度假区</dd>
</d1>
</div>
</div> </div>
<div class="two">
<div class="two-1">
<div class="two2">
<a href="#" target="_blank">
<img src="img/two1.png" />
</a>
<div class="two2-1">
<p>天涯海角风景区（必游）出三亚市沿海滨西行26公里，
到达了马岭山下，便是“天涯....
</p>
<div class="num">
<div class="btn1"><a href="#">购买门票</a></div>
<span class="price">
¥
<b>60</b> 起
</span>
<span class="btn2"> 省138</span>
</div>
</div>
</div>
</div>
<div class="two-1">
<div class="two2">
<a href="#" target="_blank">
<img src="img/蜈枝公岛.png" />
</a>
<div class="two2-1">
<p>作为中、高端旅游者必选的海南旅游景点，
蜈支洲岛集热带海岛旅游资源的丰富性和独特性...
</p>
<div class="num">
<div class="btn1"><a href="#">购买门票</a></div>
<span class="price">
¥
<b>85</b> 起
</span>
<span class="btn2"> 省13</span>
</div>
</div>
</div>
</div>
<div class="two-1">
<div class="two2">
<a href="#" target="_blank">
<img src="南山.png" />
</a>
<div class="two2-1">
<p>南山文化旅游区位于三亚南山，
距市区40公里，
游览区以北有255国道和海南环岛高速公路....
</p>
<div class="num">
<div class="btn1"><a href="#">购买门票</a></div>
<span class="price">
¥
<b>115</b> 起
</span>
<span class="btn2"> 省6</span>
</div>
</div>
</div>
</div>
<div class="two-1">
<div class="two2">
<a href="#" target="_blank">
<img src="img/大小洞天.png" />
</a>
<div class="two2-1">
<p>南山大小洞天旅游区，
古称鳌山大小洞天，
位于三亚市以西40公里处的南山西南隅，总面积...
</p>
<div class="num">
<div class="btn1"><a href="#">购买门票</a></div>
<span class="price">
¥
<b>98</b> 起
</span>
<span class="btn2"> 省10</span>
</div>
</div>
</div>
</div>
<div class="two-1">
<div class="two2">
<a href="#" target="_blank">
<img src="img/三亚湾.png" />
</a>
<div class="two2-1">
<p>1、傍晚时分游览椰梦长廊，
或在海滩边欣赏晚霞是最具情调的事情。
2、赶海拉网体检渔....
</p>
<div class="num">
<div class="btn1"><a href="#">购买门票</a></div>
<span class="price">
¥
<b>0</b> 起
</span>
<span class="btn2"> 省10</span>
</div>
</div>
</div>
</div>
<div class="two-1">
<div class="two2">
<a href="#" target="_blank">
<img src="img/亚龙湾森林公园.png" />
</a>
<div class="two2-1">
<p>亚龙湾热带天堂森林公园位于中国唯一的
热带滨海城市海南省三亚市亚龙湾国家旅游度假区...
</p>
<div class="num">
<div class="btn1"><a href="#">购买门票</a></div>
<span class="price">
¥
<b>135</b> 起
</span>
<span class="btn2"> 省15</span>
</div>
</div>
</div>
</div>
<div class="two-1">
<div class="two2">
<a href="#" target="_blank">
<img src="img/大东海潜水.png"/>
</a>
<div class="two2-1">
<p>大东海精品潜水基地位于“全国旅游胜地四十佳”的
著名滨海旅游风景区，距市...
</p>
<div class="num">
<div class="btn1"><a href="#">查看详情</a></div>
<!--<span class="price">
¥
<b>135</b> 起
</span>
<span class="btn2"> 省15</span>-->
</div>
</div>
</div>
</div>
<div class="two-1">
<div class="two2">
<a href="#" target="_blank">
<img src="img/三亚西岛.png" />
</a>
<div class="two2-1">
<p>西岛又名玳瑁岛，位于三亚湾国家自然保护区内，
全岛面积2.8平方公里，是海南第二大岛....
</p>
<div class="num">
<div class="btn1"><a href="#">购买门票</a></div>
<span class="price">
¥
<b>30</b> 起
</span>
<span class="btn2"> 省10</span>
</div>
</div>
</div>
</div>
<div class="two-1">
<div class="two2">
<a href="#" target="_blank">
<img src="img/凤凰.png" />
</a>
<div class="two2-1">
<p>三亚凤凰岭，海拔约400米，是全三亚市的制高点。
坐落于市区凤凰路一侧，是三亚市唯一....
</p>
<div class="num">
<div class="btn1"><a href="#">购买门票</a></div>
<span class="price">
¥
<b>55</b> 起
</span>
<span class="btn2"> 省33</span>
</div>
</div>
</div>
</div>
<div class="two-1">
<div class="two2">
<a href="#" target="_blank">
<img src="img/大东海.png" />
</a>
<div class="two2-1">
<p>
大东海国际潜水俱乐部位于海南省三亚市大东海旅游风景区，
是中国潜水运动协会（CMAS）...
</p>
<div class="num">
<div class="btn1"><a href="#">购买门票</a></div>
<span class="price">
¥
<b>30</b> 起
</span>
<span class="btn2"> 省58</span>
</div>
</div>
</div>
</div>
<div class="two-1">
<div class="two2">
<a href="#" target="_blank">
<img src="img/蝴蝶谷.png" />
</a>
<div class="two2-1">
<p>
蝴蝶谷位于三亚亚龙湾国家旅游度假区内，
距离广场大约2千米的山脚下,而海依山自然形成...
</p>
<div class="num">
<div class="btn1"><a href="#">查看详情</a></div>
<!--<span class="price">
¥
<b>30</b> 起
</span>
<span class="btn2"> 省58</span>-->
</div>
</div>
</div>
</div>
<div class="two-1">
<div class="two2">
<a href="#" target="_blank">
<img src="img/南田温泉.png" />
</a>
<div class="two2-1">
<p>
南田温泉建有34个温泉池，水温56℃，
属低温温热矿水。矿化度很高，含有多种对人体有益...
</p>
<div class="num">
<div class="btn1"><a href="#">购买门票</a></div>
<span class="price">
¥
<b>60</b> 起
</span>
<span class="btn2"> 省39</span>
</div>
</div>
</div>
</div>
<div class="two-1">
<div class="two2">
<a href="#" target="_blank">
<img src="img/大东海1.png" />
</a>
<div class="two2-1">
<p>
大东海为国家AAAA级景区，三面环山，
一面大海，一排排翠绿椰林环抱沙滩，蓝天、碧海、...
</p>
<div class="num">
<div class="btn1"><a href="#">购买门票</a></div>
<span class="price">
¥
<b>1</b> 起
</span>
<!--<span class="btn2"> 省58</span>-->
</div>
</div>
</div>
</div>
<div class="two-1">
<div class="two2">
<a href="#" target="_blank">
<img src="img/海思蓝潜水.png" />
</a>
<div class="two2-1">
<p>
海思蓝潜水中心，位于鸿洲国际游艇会航海体验中心。
海南海思蓝海洋旅业有限公司，以下...
</p>
<div class="num">
<div class="btn1"><a href="#">查看详情</a></div>
<!--<span class="price">
¥
<b>30</b> 起
</span>
<span class="btn2"> 省58</span>-->
</div>
</div>
</div>
</div>
<div class="two-1">
<div class="two2">
<a href="#" target="_blank">
<img src="img/鹿回头.png" />
</a>
<div class="two2-1">
<p>
鹿回头位于三亚市南部3公里的三亚湾，
是三面临海的半岛，状似坡鹿站在海边回头观望。....
</p>
<div class="num">
<div class="btn1"><a href="#">购买门票</a></div>
<span class="price">
¥
<b>22</b> 起
</span>
<span class="btn2"> 省3</span>
</div>
</div>
</div>
</div>
<div class="two-1">
<div class="two2">
<a href="#" target="_blank">
<img src="img/亚龙湾爱情海潜水.png" />
</a>
<div class="two2-1">
<p>
亚龙湾潜水天堂：“三亚归来不看海，
除却亚龙不是湾”，YALONGBAY亚龙湾素....
</p>
<div class="num">
<div class="btn1"><a href="#">查看详情</a></div> </div>
</div>
</div>
</div>
<div class="two-1">
<div class="two2">
<a href="#" target="_blank">
<img src="img/黎村苗寨.png"/>
</a>
<div class="two2-1">
<p>
黎族和苗族分别是海南第一第二大的少数民族。
她们一般生活在海南岛的中部和南部山区。...
</p>
<div class="num">
<div class="btn1"><a href="#">查看详情</a></div> </div>
</div>
</div>
</div>
<div class="two-1">
<div class="two2">
<a href="#" target="_blank">
<img src="img/三亚爱心大世界.png" />
</a>
<div class="two2-1">
<p>
“三亚爱心大世界”位于天涯海角以东至大兵河、
南端点火台以南至海边，占地面积 473.0...
</p>
<div class="num">
<div class="btn1"><a href="#">查看详情</a></div> </div>
</div>
</div>
</div>
</div>
<div class="fn-clear1-a">
<div class="fn-clear1-a1">
<a href="#" target="_blank"><div class="shuzi">1</div></a>
<a href="#" target="_blank"><div class="shuzi">2</div></a>
<a href="#" target="_blank"><div class="shuzi">3</div></a>
<a href="#" target="_blank"><div class="shuzi">4</div></a>
<a href="#" target="_blank"><div class="shuzi">5</div></a>
<span class="dian">...</span>
<a href="#" target="_blank"><div class="next">下一页</div></a>
</div>
</div>
</div> <div class="fn-clear2">
<div class="fn-clear2-1">
<a href="#" target="_blank">
<strong>三亚旅游线路</strong>
</a>
<a class="more" href="#" target="_blank">
更多></a>
</div>
<div class="three">
<div class="three1">
<a href="#" target="_blank"><img src="img/小图第一张.png"></a>
</div>
<div class="three2">
<p class="p1">海南海口进出进出五天四晚双岛戏海游</p>
<span>¥
<b>1150</b>
起</span>
</div>
</div>
<div class="three">
<div class="three1">
<a href="#" target="_blank"><img src="img/小图第二张.png" width="80px" height="60px"></a>
</div>
<div class="three2">
<p class="p1">海南三亚进出五天四晚海岛视界游</p>
<span>¥
<b>1300</b>
起</span>
</div>
</div>
<div class="three">
<div class="three1">
<a href="#" target="_blank">
<img src="img/小图第三张.png" width="80px" height="60px"></a>
</div>
<div class="three2">
<p class="p1">海南三亚周边五天四晚住宿休闲自驾游</p>
<span>¥
<b>1300</b>
起</span>
</div>
</div>
<div class="three">
<div class="three1">
<a href="#" target="_blank">
<img src="img/小图第四张.png" width="80px" height="60px"></a>
</div>
<div class="three2">
<p class="p1">海南三亚亚龙湾海上娱乐二天二晚亲子游</p>
<span>¥
<b>3588</b>
起</span>
</div>
</div>
<div class="three">
<div class="three1">
<a href="#" target="_blank">
<img src="img/小图第五张.png" width="80px" height="60px"></a>
</div>
<div class="three2">
<p class="p1">海南三亚户外一日休闲游</p>
<span>¥
<b>688</b>
起</span>
</div>
</div>
<div class="fn-clear2-2">
<a href="#" target="_blank">
<strong>三亚旅游指南</strong>
</a>
</div>
<a href="#" target="_blank"><div class="for">亚龙湾交通方便吗</div></a>
<a href="#" target="_blank"><div class="for">亚龙湾哪里可以玩水</div></a>
<a href="#" target="_blank"><div class="for">亚龙湾哪里可以购物</div></a>
<a href="#" target="_blank"><div class="for">亚龙湾哪里有好吃的</div></a>
<a href="#" target="_blank"><div class="for">亚龙湾要住在哪里</div></a>
<a href="#" target="_blank"><div class="for">什么时间去三亚旅游好</div></a>
</div>
</div>
</div>