网页设计与制作项目教程HTML+CSS+JavaScript之项目二
2024-05-14 12:37:05
“说旅游”专题页
代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>“说旅游”专题页</title>
</head>
<body>
<div style="width:980px; margin:0 auto"><!--header begin--><div style="height:56px;"><img src="data:images/logo.png" alt="" align="left"/> <p align="right">旅游首页 | 登陆 | 注册</p></div><hr color="#CCC" /><!--header end--><!--“伊露岛”介绍模块 begin--><div style="height:470px;"><img src="data:images/banner1.jpg" alt="" align="left" hspace="12" vspace="12"/> <div><p align="center"><strong><font face="微软雅黑" size="6" color="orange">说</font><font face="微软雅黑" size="7" color="orange">旅</font><font face="微软雅黑" size="6" color="orange">游</font></strong></p><p> 伊露岛（Iru Fushi）位于马尔代夫北部环礁——诺鲁环礁（Noonu Atoll）中，它是一座拥有醉人景色和浪漫气氛的小岛。晶莹的海水、绵白的沙滩、明媚的阳光、温馨的海边小屋、浪漫的海上落日。所有的一切似乎都为浪漫而存在，美丽而遗世独立。</p><p> 最佳旅游时间：<ins><em><strong><font color="#009933">1月-12月</font></strong></em></ins>，热带海洋气候，全年皆适合旅游。<ins><em><strong><font color="#009933">12月至次年4月</font></strong></em></ins>可避开高峰。</p><p> 伊露岛沙滩屋的构造很独特，彻底的南亚风情——雪白的圆形房子，尖尖的茅草屋顶，木质的框<ins><strong><font color="#F90">......[详细]</font></strong></ins></p></div></div><!--“伊露岛”介绍模块end--><!--“伊露岛”推荐模块 begin--><div><h2>马尔代夫伊露岛：“伊露”上有你真好</h2><p><em><font color="#666666">2015.04.21 来源：一日游驴友群-老牛</font></em></p><hr color="#CCC" /><p> 伊露岛沙滩屋的构造很独特，彻底的南亚风情。雪白的圆形的房子，尖尖的茅草屋顶，木质的框架，朴实的外表里面却十分的豪华，从卧室转到后面有一个很大的半露天花园，里面有只超大的按摩浴缸和露天的淋浴台，洗好澡穿上睡袍躺在这里拿本书，心情彻底放松。</p><img src="data:images/banner2.jpg" alt="" vspace="20" /></div><!--“伊露岛”推荐模块 end--><!--驴友评论 begin--><div><img src="data:images/icon.gif" alt="" /><hr color="#CCC"/><div><img src="data:images/person1.jpg" alt="" align="left" hspace="10" /><div><p><font color="#F60">HXZ9_IT</font> <font size="2" color="#999">2015-4-2 15:38:37</font></p><p><font size="2">第一次用途牛，太让我们惊喜了！真的很不错，行程安排的也很好！幸运的是，往返飞机都没有延误！伊露岛的美，让我们的蜜月越发美满！</font><br /><font color="#F60" size="2">来自：一日游驴友 www.yiriyou.com</font></p></div><hr color="#CCC" size="1" /></div><div><img src="data:images/person2.jpg" alt="" align="left" hspace="10" /><div><p><font color="#F60">外星人</font> <font size="2" color="#999">2015-3-2 15:05:37</font></p><p><font size="2">岛还可以，就是沙屋有虫子，不太让人满意，水屋确实挺棒的。饭嘛，国外基本都那样吧，海鲜还行。</font><br /><font color="#F60" size="2">来自：一日游驴友 www.yiriyou.com</font></p></div><hr color="#CCC" size="1" /></div><div><img src="data:images/person3.jpg" alt="" align="left" hspace="10" /><div><p><font color="#F60">so_cool</font> <font size="2" color="#999">2015-2-14 10:38:36</font></p><p><font size="2">行程安排挺好的，挺喜欢伊露岛，岛上的人很热情，手机丢了小黑给找回来了，都很热情，会主动跟你招呼！</font><br /><font color="#F60" size="2">来自：一日游驴友 www.yiriyou.com</font></p></div><hr color="#CCC" /></div></div><!--驴友评论 end--><!-- footer begin--><div style="text-align:center;"><p ><font color="#1d5983" size="2">一日游网友意见留言板 <font color="#333">电话：000-1234567</font> 欢迎批评指正 </font></p><p><font color="#1d5983" size="2">公司简介 | About YIRIYOU| 广告服务 | 联系我们 | 招聘信息 | 网站律师 | YIRIYOU English | 注册 | 产品答疑 </font></p><p><font size="2">Copyright © 1996 - 2016 YIRIYOU.coright All Rights Reserved</font></p><p><font color="#1d5983" size="2">一日游公司 版权所有</font></p></div><!-- footer end-->
</div>
</body>
</html>实现效果如下：
项目二图片资源下载
网页设计与制作项目教程HTML+CSS+JavaScript之项目二相关推荐
- Web前端期末大作业--响应式风景旅游网页设计（国庆旅游主题-HTML+CSS+JavaScript）实现(二)
临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多?没有合适的模板?等等一系列问题.你想要解决的问题,在专栏
- 网页设计与制作项目教程HTML+CSS+JavaScript之项目一
制作第一个网页 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www ...
- html的详情页面设计,HTML5+CSS3网页设计与制作实用教程 单元7 网页特效与制作商品详情页面（105页）-原创力文档...
单元7网页特效与制作商品详情页面HTML5+CSS3网页设计与制作实用教程本章导读The chapter's introduction 将JavaScript 程序嵌入HTML 代码中,对网页元素进行 ...
- HTML5期末大作业：餐饮美食网页设计——美食网(7页) HTML+CSS+JavaScript
HTML5期末大作业:餐饮美食网页设计--美食网(7页) HTML+CSS+JavaScript 期末作业HTML代码 学生网页课程设计期末作业下载 web网页设计制作成品 1.临近期末, 你还在为H ...
- HTML5期末大作业：中国传统节日网页设计——端午节(9个页面) HTML+CSS+JavaScript 节日网页HTML代码 学生网页课程设计期末作业下载
HTML5期末大作业:中国传统节日网站设计--端午节(9个页面) HTML+CSS+JavaScript 节日网页HTML代码 学生网页课程设计期末作业下载 临近期末, 你还在为HTML网页设计结课作 ...
- c语言课程网页设计HTML,清华大学出版社-图书详情-《网页设计与制作案例教程（HTML+CSS+Dreamweaver）》...
本教材是学习网页设计与制作的基础教程,全书精选多类流行网站作为案例进行分析讲解,重点突出了商业案例的职业氛围,使读者在领略网页制作基本知识的基础上,掌握网页实际制作的方法和技巧,包括多种形式的主页.栏 ...
- HTML5期末大作业：中国传统节日网页设计——端午节(9个页面) HTML+CSS+JavaScript 节日网页HTML代码 学生网页课程设计期末作业下载...
HTML5期末大作业:中国传统节日网站设计--端午节(9个页面) HTML+CSS+JavaScript 节日网页HTML代码 学生网页课程设计期末作业下载 临近期末, 你还在为HTML网页设计结课作 ...
- 学生DW静态网页设计——天津旅游(11页) HTML+CSS+JavaScript dreamweaver作业静态HTML网页设计模板
HTML5期末大作业:旅游网站设计--天津旅游(11页) HTML+CSS+JavaScript dreamweaver作业静态HTML网页设计模板 常见网页设计作业题材有 个人. 美食. 公司. 学 ...
- html期末作业代码网页设计——美食主题(6页) HTML+CSS+JavaScript 学生dreamweaver网页设计作业成品
HTML5期末大作业:美食主题网站设计--美食主题(6页) HTML+CSS+JavaScript 学生dreamweaver网页设计作业成品 常见网页设计作业题材有 个人. 美食. 公司. 学校. ...
- html期末作业代码网页设计——美食网(7页) HTML+CSS+JavaScript实现一个静态页面（含源码）
HTML5期末大作业:食品网站设计--美食网(7页) HTML+CSS+JavaScript 含源码 文章目录 HTML5期末大作业:食品网站设计--美食网(7页) HTML+CSS+JavaScri ...
最新文章
- 蓝绿部署、金丝雀发布（灰度发布）、AB测试……
- 【深度学习】弱/半监督学习解决医学数据集规模小、数据标注难问题
- Java静态内部类、匿名内部类、成员式内部类和局部内部类
- Vue + ESLint——编译错误[‘xxx‘ is defined but never used]解决方案
- 第2章 fping、hping应用
- x10i升级android4.0,智再升级 Xperia X10i升Android 2.3
- 程序员面试什么最重要？
- E - 连连看 HDU - 1175（思维的深搜）
- hdu 3951 硬币围成一圈（博弈）
- JavaScript中的匿名函数遇上!会怎么样
- 郭明錤：全新设计AirPods Pro2将于2022年末推出
- php能把字符串分割数组的函数是,php把字符串分割到数组中的函数str_split()
- mysql如何防止sql注入
- 当今流行的HTML5技术门户网站——HTML5星空
- 什么样的作品才能上抖音热门？
- mysql查询自然周_Hive和MySQL中自然周保持一致的方法
- 推荐一款STM32F030K6T6兼容替换灵动MM32F031K6T6
- 原生JS实现FlappyBird游戏 超详细解析 快来做一个自己玩吧
- 广数980TDB-TDC-TDI-TC3-988T对刀过程
- 远景（智能/能源/动力）2023秋招提前批！内推啦