第一阶段项目（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>
第一阶段项目（2 body）的更多相关文章
- 自我总结（六）---(学习j2ee+j2ee第一阶段项目)
自我完善的过程就是在不断的自我总结不断的改进. 学习了Struts2 Spring Hibernate. 十天前结束了这个课程.也考试了.这次考试老师说机试考的还不错.其实就是一个简单的用户登录,进行 ...
- JAVA EE 第一阶段项目问题
一: 乱码 原因: 由于同组的其他同学的myeclipse默认的编码方式是GBK,而我的默认的是UTF-8.所以当我使用svn把其他同学提交到组长那里去的代码下载下来的时候,就全乱码了! 解决问题: ...
- 第一阶段项目（3body）
<div class="H1"> <div class="top-nav"> < ...
- Java第一阶段项目实训
时间:2016-3-27 17:09 银行综合业务平台业务需求 1.首页 ---------------银行综合业务平台------------------- 1开户 2登录 3.退出 ...
- 第一阶段，第二阶段，第三阶段团队github更新项目地址
第一阶段:https://github.com/yuhancheng/stage-1--last-sprint 第二阶段:https://github.com/yuhancheng/stage-2-- ...
- 2021S软件工程——结对项目第一阶段
# 2021S软件工程--结对项目第一阶段 2021春季软件工程(罗杰 任健) 项目地址 1020 1169 --- ## 1 结对感受 总体来说,结对编程与之前的个人编程感觉有很大的不同.有如下几个 ...
- scrum项目冲刺_day11 第一阶段总结
"智能垃圾分类APP"第一阶段总结 总任务: 一.appUI页面(已完成) 二.首页功能: 1.图像识别功能(已完成) 2.语音识别功能(已完成) 3.垃圾搜索功能(基本完成) 4 ...
- PHP四个阶段目标以及第一阶段学习内容
PHP课程体系主要分为四个阶段,第一阶段讲的是网页HTML和数据库MySQL,第一阶段要学会网页制作的基础知识,熟用各种基本标签,对数据库进行操作,各项考核都能够达标,拿出出众的项目展示. 在第二个阶 ...
- JAVA EE 第一阶段考试
在第一阶段中我们学习了Spring Struts2 Hibernate.虽然在外面的公司中,公司项目的框架中都不在使用Struts2了.他好像出现了不可修复的bug.但是在学校,依然还是要学习这个.在 ...
随机推荐
- JavaWeb 后端 <五> 之 JSP 学习笔记
一.JSP简介 1.也是SUN公司推出的开发动态web资源的技术,属于JavaEE技术之一.由于原理上是Servlet, 所以JSP/Servlet在一起. 二.HTML.Servlet和JSP 1. ...
- IE浏览器兼容
IE6下面元素的宽高小于16PX时 会默认以16PX显示(最小宽高) 解决办法:设置元素overflow:hidden; 当文字全是字母或数字时会超容器对溢出隐藏的样式失效, 解决办法:设置下父级 ...
- Django学习（三）---Models(ORM框架)
1) Django 中Models是与数据库相关的,与数据库相关的代码一般写在 models.py中,Django 支持 sqlite3, MySQL, PostgreSQL等数据库,只需要在sett ...
- Java编程思想总结笔记The first chapter
总觉得书中太啰嗦,看完总结后方便日后回忆,本想偷懒网上找别人的总结,无奈找不到好的,只好自食其力,尽量总结得最好. 第一章 对象导论 看到对象导论觉得这本书 目录: 1.1 抽象过程1.2 每个对象 ...
- 中国(北方)大学生程序设计训练赛(第二周) (A B D G)
比赛链接 A题是KMP,先把A拼接到B的后面,然后利用next数组的意义(包括其具体含义,以及失配时的应用),得到ans #include<bits/stdc++.h> using nam ...
- CSS边框（圆角、阴影、背景图片）
1.圆角 border-radius是向元素添加圆角边框. 使用方法: border-radius:10px; /* 所有角都使用半径为10px的圆角 */ border-radius: 5px 4 ...
- Kafka笔记——技术点汇总
Table of contents Table of contents Overview Introduction Use cases Manual setup Assumption Configur ...
- CSS样式----CSS的继承性和层叠性（图文详解）
CSS的继承性 我们来看下面这样的代码,来引入继承性: 上方代码中,我们给div标签增加红色属性,却发现,div里的每一个子标签<p>也增加了红色属性.于是我们得到这样的结论: 有一些属性 ...
- ubuntu上安装nginx+mysql+php5-fpm(PHP5 - FastCGI Process Manager)
题外话:由于近段时间测试环境ssh链路质量不大好,经常短线.故我把整个安装过程放到screen里去执行,以防止断线中断了安装过程.执行screen -S install,这样断线后,只要再执行scre ...
- 一种轻便且灵活的js模板的思路
一种轻便且灵活的js模板的思路 项目地址:https://github.com/j20041426/template 思路背景 在Vue.React.Angular等大前端框架异军突起的今天,写前端时 ...