第一阶段项目（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.但是在学校,依然还是要学习这个.在 ...
随机推荐
- FTP DOS 命令行
1. 在cmd--> 输入ftp 2. 进入ftp输入提示命令行,此时输入open ftp服务器地址,比如我的是本机就: open 127.0.0.1 3. 根据提示输入用户名和密码, 提示登录 ...
- SpringMVC源码情操陶冶-FreeMarker之web配置
前言:本文不讲解FreeMarkerView视图的相关配置,其配置基本由FreeMarkerViewResolver实现,具体可参考>>>SpringMVC源码情操陶冶-ViewRe ...
- 用Maven创建web项目
使用eclipse插件创建一个web project 首先创建一个Maven的Project如下图 我们勾选上Create a simple project (不使用骨架) 这里的Packing 选择 ...
- （转）OGNL表达式介绍
OGNL是Object-Graph Navigation Language的缩写,它是一种功能强大的表达式语言(Expression Language,简称为EL),通过它简单一致的表达式语法,可以存 ...
- Objective-C plist文件与KVC 的使用
plist文件是以类似xml形式构造数据,下面我们直接在xcode中创建完成一个plist文件, File-New-File-属性列表 我们可以选择存储类型.这里我构造一组数据,数据中的每个元素都是一 ...
- 【JAVASCRIPT】React学习- 数据流（组件通信）
摘要 react 学习包括几个部分: 文本渲染 JSX 语法 组件化思想 数据流 一 组件通信如何实现 父子组件之间不存在继承关系 1.1 父=>子通信 父组件可以通过 this.refs.xx ...
- Hibernate的事务处理机制和flush方法的用法
关于在使用hibernate在提交事务时常遇到的异常: an assertion failure occured (this may indicate a bug in Hibernate, but ...
- 两百条微信小程序跳坑指南（不定时更新）
微信小程序联盟出品 跳坑textarea<二百二十三>不显示文本及textarea相关问题集合跳坑<二百一十三> background-image无法获取本地资源图片....跳 ...
- JavaScript高程--<script>标签
<script>标签 在HTML5中script主要有以下几个属性:async,defer,charset,src,type, async(可选): 关键词:异步脚本,外部文件,立即下载: ...
- 自定义Git之忽略特殊文件
有些时候,你必须把某些文件放到Git工作目录中,但又不能提交它们,比如保存了数据库密码的配置文件啦,等等,每次git status都会显示Untracked files ...,有强迫症的童鞋心里肯定 ...