效果图:

HTML:

<!DOCTYPE html>
<html><head><title>说旅游</title><meta charset=utf-8/><style type="text/css">.one{text-align:right}.two{text-align:center;font-size:30px;color:orange;}.three{font-size:40px;}.four{font-size:10px;color:#CCC}.five{font-size:15px;}.six{text-align:center;font-size:10px;color:#CCC;}.seven{color:green;}.eight{color:orange;}.nine{color:blue;}.ten{color:black;}.eleven{font-size:20px;}</style></head><body><div style="width:980px;height:2000px;margin:0 auto;"><!--以下是头部模块--><div style="height:60px;"><img src="data:images/logo.png"align="left"/><p class="one">旅游首页&nbsp&nbsp|&nbsp&nbsp登录&nbsp&nbsp|&nbsp&nbsp注册</p></div><hr color="#CCC"><!--以下是介绍模块--><div style="height:450px;"><img src="data:images/banner1.jpg"align="left"hspace="10"/><p class="two"><strong>说<font class="three">旅</font>游</strong></p><p>&nbsp&nbsp&nbsp&nbsp伊露岛(Iru Fushi)位于马尔代夫北部环礁——诺鲁环礁(Noonu Atoll)中,它是一座拥有醉人景色和浪漫气氛的小岛。晶莹的海水、绵白的沙滩、明媚的阳光、温馨的海边小屋、浪漫的海上落日。所有的一切似乎都为浪漫而存在,美丽而遗世独立。</p><p>最佳旅游时间:<u><font class="seven"><i><b>1月-12月</b></i></font></u>,热带海洋气候,全年皆适合旅游。<u><font class="seven"><i><b>12月至次年4月</b></i></font></u>可避开高峰。</p><p>伊露岛沙滩屋的构造很独特,彻底的南亚风情——雪白的圆形房子,尖尖的茅草屋顶,木质的框<u><font class="eight"><i><b>......[详细]</b></i></font></u></p></div><!--以下是推荐模块--><div style="height:620px;"><p class="eleven"><b>马尔代夫伊露岛:“伊露”上有你真好</b></p><p class="four"><i>2015.04.21    来源:一日游驴友群-老牛</i></p><hr color="#CCC">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp伊露岛沙滩屋的构造很独特,彻底的南亚风情。雪白的圆形的房子,尖尖的茅草屋顶,木质的框架,朴实的外表里面却十分的豪华,从卧室转到后面有一个很大的半露天花园,里面有只超大的按摩浴缸和露天的淋浴台,洗好澡穿上睡袍躺在这里拿本书,心情彻底放松。<br/><br/><img src="data:images/banner2.jpg"align="center"hspace="20"/></div><!--以下是评论模块--><div style="height:300px;"><img src="data:images/icon.gif"align="left"hspace="10"/><br/><hr color="#CCC"><img src="data:images/person1.jpg"align="left"hspace="10"/><font class="four"><font class="eight">HXZ9_ITC</font>&nbsp&nbsp&nbsp&nbsp2015-4-2 15:38:37</font><br/><font class="five">第一次用途牛,太让我们惊喜了!真的很不错,行程安排的也很好!幸运的是,往返飞机都没有延误!伊露岛的美,让我们的蜜月越发美满!</font><br/><font class="four"><font class="eight">来自:一日游驴友 www.yiriyou.com</font></font><br/><hr color="#CCC"><img src="data:images/person2.jpg"align="left"hspace="10"/><font class="four"><font class="eight">外星人 </font>   2015-3-2 15:05:37</font><br/><font class="five">岛还可以,就是沙屋有虫子,不太让人满意,水屋确实挺棒的。饭嘛,国外基本都那样吧,海鲜还行。</font><br/><font class="four"><font class="eight">来自:一日游驴友 www.yiriyou.com</font></font><br/><hr color="#CCC"><img src="data:images/person3.jpg"align="left"hspace="10"/><font class="four"><font class="eight">so_cool</font>    2015-2-14 10:38:36</font><br/><font class="five">行程安排挺好的,挺喜欢伊露岛,岛上的人很热情,手机丢了小黑给找回来了,都很热情,会主动跟你招呼!</font><br/><font class="four"><font class="eight">来自:一日游驴友 www.yiriyou.com</font></font><br/><hr color="#CCC"></div><!--以下是页脚模块--><div style="height:100px;" class="six"><font class="nine">一日游网友意见留言板&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<font class="ten">电话:000-1234567</font>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp欢迎批评指正<br/><br/>公司简介 | About YIRIYOU| 广告服务 | 联系我们 | 招聘信息 | 网站律师 | YIRIYOU English | 注册 | 产品答疑<br/><br/><font class="ten">Copyright © 1996 - 2016 YIRIYOU.coright All Rights Reserved</font><br/><br/>一日游公司 版权所有</font></div></div></body>
</html>

images:

Web网页设计——“说旅游”相关推荐

  1. HTML5期末大作业:旅游酒店网站设计——旅游酒店服务预订(1页) web网页设计—— 出游

    HTML5期末大作业:旅游酒店网站设计--旅游酒店服务预订(1页) web网页设计-- 出游 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒 ...

  2. HTML+CSS大作业HTML5期末大作业 旅游酒店网站设计——旅游酒店服务预订(1页) web网页设计—— 出游

    HTML5期末大作业:旅游酒店网站设计--旅游酒店服务预订(1页) web网页设计-- 出游 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒 ...

  3. HTML5期末大作业:旅游网页设计——山东旅游9页(代码质量好) 学生DW网页设计作业源码 web课程设计网页规划与设计

    HTML5期末大作业:旅游网页设计--山东旅游9页(代码质量好) 学生DW网页设计作业源码 web课程设计网页规划与设计 HTML+CSS+JavaScript 常见网页设计作业题材有 个人. 美食. ...

  4. web网页设计实例作业 ——中国茶文化(30页) HTML网页制作作品 简单文化网页设计成品 dreamweaver学生网站模板

    web网页设计实例作业 --中国茶文化(30页) HTML网页制作作品 简单文化网页设计成品 dreamweaver学生网站模板 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. ...

  5. div+css静态网页设计 web网页设计实例作业 ——中国茶文化(30页) HTML网页制作作品 简单文化网页设计成品 dreamweaver学生网站模板

    web网页设计实例作业 --中国茶文化(30页) HTML网页制作作品 简单文化网页设计成品 dreamweaver学生网站模板 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. ...

  6. HTML5+CSS期末大作业:运动体育网站设计主题——体育铅球(5页)带注册 期末作业HTML代码 学生网页课程设计期末作业下载 web网页设计制作成品...

    常见网页设计作业题材有 ​​个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 明星. 服装. 体育. 化妆品. 物流. 环保. 书籍. 婚纱. 军 ...

  7. web网页设计——体育气步枪射击主题(5页面)带图片轮播特效(HTML+CSS) ~学生网页设计作业源码

    web网页设计--体育气步枪射击主题(5页面)带图片轮播特效(HTML+CSS) ~学生网页设计作业源码 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手 ...

  8. 文化网页设计成品 web网页设计实例作业 ——古典中国风工艺美术(9页) html+css+javascript网页设计实例

    web网页设计实例作业 --古典中国风工艺美术(9页) html+css+javascript网页设计实例 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶 ...

  9. web网页设计实例作业 ——古典中国风工艺美术(9页) html+css+javascript网页设计实例

    web网页设计实例作业 --古典中国风工艺美术(9页) html+css+javascript网页设计实例 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶 ...

最新文章

  1. 一张图,看清人体触碰禁区
  2. 随说秋色园从Access升迁到MSSQL过程
  3. The server time zone value is unrecognized or repr
  4. think.class.php下载,PHP_ThinkPHP实现将本地文件打包成zip下载,首先,将FileToZip.class文件放到T - phpStudy...
  5. 大型动态应用系统平台系统架构?这些大家并不陌生
  6. 学计算机的能看出批图吗,高手教你:如何看出一张图有没有被P过?
  7. iOS 音乐播放器之锁屏效果+歌词解析
  8. 项目优化到一半还是崩了,新同事换了一套调优方案,全体颤抖。。。
  9. 自定义事件和jQuery插件
  10. linux进程号转换成16进制,linux-shell 脚本转换 十六进制 十进制 八进制 二进制
  11. TensorFlow by Google 实战CNN Machine Learning Foundations: Ep #4 - Coding with CNN
  12. 程序员基础 MySQL数据库开发必备常识
  13. HTML+CSS实战:做一个京东登录页面
  14. 《Spring开发指南》(夏昕著)学习总结
  15. 一加手机高德位置服务器,高德地图在线导航悬浮窗闪亮一加手机
  16. 可汗学院公开课:线性代数笔记-10-三元线性方程
  17. 当db_cache_advice初始化参数设为on, 大大降低了cpu的使用
  18. 浅析新媒体运营工作内容
  19. 硬件设计——感性负载防护
  20. 拿到阿里,网易游戏,腾讯,smartx的offer的过程 (转)

热门文章

  1. Mac必备效率软件|Alfred的基础使用教程
  2. TCP四次挥手及原因
  3. java教学视频毕向东_集合3--毕向东java基础教程视频学习笔记
  4. 华为鸿蒙操作系统的优势与短板
  5. linux转录组分析,完整转录组RNAseq分析流程(tophat2+cufflink+cuffdiff)
  6. WPS文件批量加解密
  7. HCIP路由交换的三门考试
  8. 自媒体账号如何快速涨粉?
  9. 复旦大学附属肿瘤医院请“牛顿”打造智慧医疗
  10. 行内和块级元素区别?如何让行内元素设置宽高?