第一阶段项目（2 body）
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>
