学生网页作业—山河旅行社网站(5页) HTML+CSS+JavaScript 学生DW网页 出行 旅途 游玩
2024-04-11 23:55:23
HTML5期末大作业：山河旅行社网站设计——山河旅行社网站(5页) HTML+CSS+JavaScript
文章目录
- HTML5期末大作业：山河旅行社网站设计——山河旅行社网站(5页) HTML+CSS+JavaScript
- 一、作品展示
- 二、文件目录
- 三、代码实现
- 四、获取更多源码
一、作品展示
二、文件目录
三、代码实现
<!DOCTYPE html>
<html lang="zh-cn">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"><title>山河旅行社</title><link rel="stylesheet" href="css/style.css">
</head>
<body>
<header id="header"><div class="center"><h1 class="logo">山河旅行社</h1><nav class="link" ><h2 style="display:none;">网站导航</h2><ul><li class="active"><a href="###">首页</a></li><li><a href="information.html"><span class="xs-hidden">旅游</span>资讯</a></li><li><a href="ticket.html">机票<span class="xs-hidden">订购</span></a></li><li class="xs-hidden"><a href="scenery.html">风景欣赏</a></li><li><a href="about.html"><span class="xs-hidden">关于</span>公司</a></li></ul></nav></div>
</header>
<div id="adver"><img src="picture/adver.jpg" alt=""><div class="center"></div><div class="center copy"><input type="text" class="search" placeholder="请输入旅游景点或城市"><button class="button">搜索</button></div>
</div>
<div id="tour"><section class="center "><h2>热门旅游</h2><p>国内旅游，国外旅游、自助旅游、自驾旅游、游轮签证、主题旅游等各种最新热门旅游推介</p></section><figure><img src="picture/tour1.png" alt=""><figcaption><div class="tour_title"><strong><曼谷-芭提雅6日游></strong> 包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元成人资费券</div><div class="info"><em class="sat">满意度97%</em><span class="price"> ￥<strong> 2864</strong> 起</span></div><div class="type">国内长线</div></figcaption></figure><figure><img src="picture/tour2.png" alt=""><figcaption><div class="tour_title"><strong><曼谷-芭提雅6日游></strong> 包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元成人资费券</div><div class="info"><em class="sat">满意度97%</em><span class="price"> ￥<strong> 2864</strong> 起</span></div><div class="type">国内长线</div></figcaption></figure><figure><img src="picture/tour3.png" alt=""><figcaption><div class="tour_title"><strong><曼谷-芭提雅6日游></strong> 包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元成人资费券</div><div class="info"><em class="sat">满意度97%</em><span class="price"> ￥<strong> 2864</strong> 起</span></div><div class="type">国内长线</div></figcaption></figure><figure><img src="picture/tour4.png" alt=""><figcaption><div class="tour_title"><strong><曼谷-芭提雅6日游></strong> 包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元成人资费券</div><div class="info"><em class="sat">满意度97%</em><span class="price"> ￥<strong> 2864</strong> 起</span></div><div class="type">国内长线</div></figcaption></figure><figure><img src="picture/tour5.png" alt=""><figcaption><div class="tour_title"><strong><曼谷-芭提雅6日游></strong> 包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元成人资费券</div><div class="info"><em class="sat">满意度97%</em><span class="price"> ￥<strong> 2864</strong> 起</span></div><div class="type">国内长线</div></figcaption>
</figure><figure><img src="picture/tour6.png" alt=""><figcaption><div class="tour_title"><strong><曼谷-芭提雅6日游></strong> 包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元成人资费券</div><div class="info"><em class="sat">满意度97%</em><span class="price"> ￥<strong> 2864</strong> 起</span></div><div class="type">国内长线</div></figcaption></figure><figure><img src="picture/tour7.png" alt=""><figcaption><div class="tour_title"><strong><曼谷-芭提雅6日游></strong> 包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元成人资费券</div><div class="info"><em class="sat">满意度97%</em><span class="price"> ￥<strong> 2864</strong> 起</span></div><div class="type">国内长线</div></figcaption></figure><figure><img src="picture/tour8.png" alt=""><figcaption><div class="tour_title"><strong><曼谷-芭提雅6日游></strong> 包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元成人资费券</div><div class="info"><em class="sat">满意度97%</em><span class="price"> ￥<strong> 2864</strong> 起</span></div><div class="type">国内长线</div></figcaption></figure><figure><img src="picture/tour9.png" alt=""><figcaption><div class="tour_title"><strong><曼谷-芭提雅6日游></strong> 包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元成人资费券</div><div class="info"><em class="sat">满意度97%</em><span class="price"> ￥<strong> 2864</strong> 起</span></div><div class="type">国内长线</div></figcaption></figure>
</div>
<footer id="footer"><div class="top sm-hidden"><div class="block left"><h2>合作伙伴</h2><hr><ul class="ul"><li>途牛旅游网</li><li>驴妈妈旅游网</li><li>携程旅游</li><li>中国青年旅社</li></ul></div><div class="block center"><h2>旅游FAQ</h2><hr><ul class="ul"><li>旅游合同签订方式？</li><li>儿童价是基于什么制定的？</li><li>旅游的线路品质是怎么界定的？</li><li>旅游保险有些什么种类？</li></ul></div><div class="block right"><h2>联系方式</h2><hr><ul class="ul"><li>微博：weibo.com/maodo</li><li>邮件：sh@maodou.com</li><li>地址：西安市雁塔区123号</li></ul></div></div><div class="chearfix"></div><div class="version sm-visible">客户端 | 触屏版 | 电脑版</div><div class="bottom">Copyright © SHMD 山河旅行社| 陕ICP 备120110119 号<span class="sm-hidden">| 旅行社经营许可证：L-SH-BK12345</span></div>
</footer></body>
</html>四、获取更多源码
~ 关注我，点赞博文~ 每天带你涨知识!
相关问题可以相互学习，可关注↓公Z号 获取更多源码
学生网页作业—山河旅行社网站(5页) HTML+CSS+JavaScript 学生DW网页 出行 旅途 游玩相关推荐
- HTML5期末大作业：山河旅行社网站设计——山河旅行社网站(5页) HTML+CSS+JavaScript 学生DW网页 出行 旅途 游玩
HTML5期末大作业:山河旅行社网站设计--山河旅行社网站(5页) HTML+CSS+JavaScript 学生DW网页 出行 旅途 游玩 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游 ...
- 学生网页作业——大型购物商城(1页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码
HTML5期末大作业 文章目录 HTML5期末大作业 一.作品展示 二.文件目录 三.代码实现 四.学习资料 一.作品展示 二.文件目录 三.代码实现 <!DOCTYPE html PUBLIC ...
- HTML+CSS静态——绿色的餐饮美食网站(1页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码
HTML5期末大作业:餐饮美食网站设计--绿色的餐饮美食网站(1页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页设 ...
- HTML5期末大作业：餐饮美食网站设计——绿色的餐饮美食网站(1页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码
HTML5期末大作业:餐饮美食网站设计--绿色的餐饮美食网站(1页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页设 ...
- 期末作业成品代码——绿色的餐饮美食网站(1页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码
HTML5期末大作业:餐饮美食网站设计--绿色的餐饮美食网站(1页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页设 ...
- DIV布局——人电影网站(5页) HTML+CSS+JavaScript 学生DW网页设计作业成品 w
HTML5期末大作业:网页制作代码 网站设计--人电影网站(5页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页设计 ...
- 电影主题网站设计——仿360影视网站(1页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设
HTML5期末大作业:电影主题网站设计--仿360影视网站(1页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页设计 ...
- HTML5期末大作业：简单全屏音乐个人网站模板——音乐娱乐网站(6页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码
HTML5期末大作业:简单全屏音乐个人网站模板--音乐娱乐网站(6页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页 ...
- 大学生毕业设计：在线音乐网站设计——流行音乐公司网站(8页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码
大学生毕业设计:在线音乐网站设计--流行音乐公司网站(8页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页设计作业题 ...
最新文章
- curd boy 入门
- 2020年深度学习调参技巧合集
- pythonself用法_全面理解python中self的用法
- 带你自学Python系列（十）：用户输入input函数详解
- Jetson AGX Xavier配置PyTorch与TorchVision流程
- oracle 视图去重复,CSS_Oracle几种查找和删除重复记录的方法总结，平时工作中可能会遇到当试图 - phpStudy...
- python的取负运算_python 负数取模运算实例
- 增强环路现象！？ 为你揭示云计算魔力！
- 使用普通asp.net编程方式开发WAP应用的可行性
- C++特性：封装、继承、多态
- Android学习资源网站 1
- Windows内核文件
- 计算机中丢失mplugin.dll,安装MathType时提示缺少Mplugin.dll文件
- 未明学院：云计算热门机器学习项目来袭！收割亚马逊、阿里等一众巨头都看重的实操技能与项目经历！
- mysql查看表编码_MySQL中使用SQL语句查看某个表的编码方法
- 计算机 管理 被停用,任务管理器已被系统管理员停用,详细教您任务管理器已被系统管理员停用怎么办...
- win10 注册表无法删除项
- 报错：No coverage information was collected, exit without writing coverage information
- java使用egl_EGL 学习
- win10卸载软件_win10系统卸载软件超详细教程
热门文章
- RaiDrive添加坚果云
- 【物联家居】第四章：传输协议--mqtt配置与测试
- 手机怎么设置企业邮箱的服务器,如何在手机上设置网易企业邮箱
- 20180504_android传感器入门之光线传感器
- 【已解决】 ‘gbk‘ codec can‘t decode byte 0x93 in position 3136: illegal multibyte sequence
- CRC32 Hash PK Murmur Hash
- Pandas requires version ‘2.0.1‘ or newer of ‘xlrd‘ (version ‘1.2.0‘ currently installed).
- 八个数码管共阴c语言,LT-51S(STC89C52R)：8个共阴极数码管－程序（2）
- linux(x64)下安装Matlab 2015b破解版（含安装包）
- vue3封装-自定义audio音频播放【拖拽进度条,点击进度条，快进，后退，音量加减】思路