旅游网站HTML

最新推荐文章于 2024-07-25 09:24:40 发布
最新推荐文章于 2024-07-25 09:24:40 发布
阅读量752 收藏 1
点赞数 1
文章标签： 前端 javascript html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41790844/article/details/133709368
版权

 代码

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>旅游网</title>
</head>
<body>



<!--采用table编辑-->
<!--最晚曾table,用于整个页面那布局-->
      <table width="100%" align="center">
        <!--第一行-->
        <tr>
            <td>
                  <img src="../image/image1/top_banner.jpg" width="100% " alt="">
            </td>
        </tr>


        <!--第二行-->
        <tr>
            <td>
              <table width="100%" align="center">
                  <tr>
                      <td>
                          <img src="../image/image1/logo.jpg" alt="">
                      </td>
                      <td>
                          <img src="../image/image1/search.png" alt="">
                      </td>
                      <td>
                          <img src="../image/image1/logo.jpg" alt="">
                      </td>
                      <td>
                          <img src="../image/image1/hotel_tel.png" alt="">
                      </td>
                  </tr>
              </table>
            </td>
        </tr>


        <!--第三行-->
        <tr>
          <td>
              <table width="100%" align="center">
                  <tr bgcolor="#ffd700" align="center" height="45">
                    <td>
                      <a href="">首页</a>
                    </td>
                    <td>
                      <a href="">门票</a>
                    </td>
                    <td>
                      <a href="">酒店</a>
                    </td>
                    <td>
                      <a href="">香港车票</a>
                    </td>
                    <td>
                      <a href="">出境游</a>
                    </td>
                    <td>
                      <a href="">国内游</a>
                    </td>
                    <td>
                      <a href="">港澳游</a>
                    </td>
                    <td>
                      <a href="">抱团定制</a>
                    </td>
                    <td>
                      <a href="">全球自由行</a>
                    </td>
                  </tr>
              </table>
          </td>
        </tr>

        <!--第四行 轮播图-->
        <tr>
          <td>
            <img src="../image/image1/banner_3.jpg" alt="" width="100%"/>
          </td>
        </tr>

        <!--第五行-->
        <tr>
            <td>
              <img src="../image/image1/icon_5.jpg" alt=""/>
              黑马精选
              <hr color="#ffd700">
            </td>
        </tr>

        <!--第6行-->
        <tr>
              <td>
                <table width="95%" align="center">
                    <tr>
                      <td>
                        <img src="../image/image1/jiangxuan_1.jpg" alt=""/>
                        <p>上海飞三亚五天四晚自由行（春节销售+亲自+蜜月+自由行）</p>
                        <font color="red">&yen;899</font>
                      </td> <td>
                        <img src="../image/image1/jiangxuan_2.jpg" alt=""/>
                        <p>上海飞三亚五天四晚自由行（春节销售+亲自+蜜月+自由行）</p>
                        <font color="red">&yen;899</font>
                      </td> <td>
                        <img src="../image/image1/jiangxuan_3.jpg" alt=""/>
                        <p>上海飞三亚五天四晚自由行（春节销售+亲自+蜜月+自由行）</p>
                        <font color="red">&yen;899</font>
                      </td> <td>
                        <img src="../image/image1/jiangxuan_4.jpg" alt=""/>
                        <p>上海飞三亚五天四晚自由行（春节销售+亲自+蜜月+自由行）</p>
                        <font color="red">&yen;899</font>
                      </td>
                    </tr>
                </table>
              </td>
        </tr>


        <!--第7行-->
        <tr>
          <td>
            <img src="../image/image1/icon_6.jpg" alt=""/>
            国内游
            <hr color="#ffd700">
          </td>
        </tr>

        <!--第8行-->
        <tr>
          <td>
            <table width="95%" align="center">
              <tr>
                <td rowspan="2">
                  <img src="../image/image1/guonei_1.jpg" alt=""/>
                </td> <td>
                <img src="../image/image1/jiangxuan_2.jpg" alt=""/>
                <p>上海飞三亚五天四晚自由行（春节销售+亲自+蜜月+自由行）</p>
                <font color="red">&yen;899</font>
                </td> <td>
                <img src="../image/image1/jiangxuan_3.jpg" alt=""/>
                <p>上海飞三亚五天四晚自由行（春节销售+亲自+蜜月+自由行）</p>
                <font color="red">&yen;899</font>
                </td> <td>
                <img src="../image/image1/jiangxuan_4.jpg" alt=""/>
                <p>上海飞三亚五天四晚自由行（春节销售+亲自+蜜月+自由行）</p>
                <font color="red">&yen;899</font>
                </td>
              </tr>
              <tr>
                <td>
                <img src="../image/image1/jiangxuan_5.jpg" alt=""/>
                <p>上海飞三亚五天四晚自由行（春节销售+亲自+蜜月+自由行）</p>
                <font color="red">&yen;899</font>
                </td><td>
                <img src="../image/image1/jiangxuan_5.jpg" alt=""/>
                <p>上海飞三亚五天四晚自由行（春节销售+亲自+蜜月+自由行）</p>
                <font color="red">&yen;699</font>
                </td><td>
                <img src="../image/image1/jiangxuan_5.jpg" alt=""/>
                <p>上海飞三亚五天四晚自由行（春节销售+亲自+蜜月+自由行）</p>
                <font color="red">&yen;699</font>
                </td>
              </tr>
            </table>
          </td>
        </tr>

        <!--第9行-->
        <tr>
          <td>
            <img src="../image/image1/icon_7.jpg" alt=""/>
            境外游
            <hr color="#ffd700">
          </td>
        </tr>

        <!--第10行-->

        <!--第8行-->
        <tr>
          <td>
            <table width="95%" align="center">
              <tr>
                <td rowspan="2">
                  <img src="../image/image1/jiangwai_1.jpg" alt=""/>
                </td> <td>
                <img src="../image/image1/jiangxuan_2.jpg" alt=""/>
                <p>上海飞三亚五天四晚自由行（春节销售+亲自+蜜月+自由行）</p>
                <font color="red">&yen;899</font>
              </td> <td>
                <img src="../image/image1/jiangxuan_3.jpg" alt=""/>
                <p>上海飞三亚五天四晚自由行（春节销售+亲自+蜜月+自由行）</p>
                <font color="red">&yen;899</font>
              </td> <td>
                <img src="../image/image1/jiangxuan_4.jpg" alt=""/>
                <p>上海飞三亚五天四晚自由行（春节销售+亲自+蜜月+自由行）</p>
                <font color="red">&yen;899</font>
              </td>
              </tr>
              <tr>
                <td>
                  <img src="../image/image1/jiangxuan_5.jpg" alt=""/>
                  <p>上海飞三亚五天四晚自由行（春节销售+亲自+蜜月+自由行）</p>
                  <font color="red">&yen;899</font>
                </td><td>
                <img src="../image/image1/jiangxuan_5.jpg" alt=""/>
                <p>上海飞三亚五天四晚自由行（春节销售+亲自+蜜月+自由行）</p>
                <font color="red">&yen;699</font>
              </td><td>
                <img src="../image/image1/jiangxuan_5.jpg" alt=""/>
                <p>上海飞三亚五天四晚自由行（春节销售+亲自+蜜月+自由行）</p>
                <font color="red">&yen;699</font>
              </td>
              </tr>
            </table>
          </td>
        </tr>


        <!--第11行-->
        <tr>
          <td>
            <img src="../image/image1/footer_service.png" alt="" width="100%"/>

          </td>
        </tr>


        <!--第12行-->
        <tr>
          <td align="center" bgcolor="#ffd700" height="40">

            <font color="gray" size="2">江苏&nbsp;传智播客教育科技股份有限公司<br>
          版权所有Copyright &copy;2006-2018, All Rights Reserved 苏ICP备16007882
             <font/>

          </td>
        </tr>

</body>
</html>

 最终效果

qq_41790844
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML旅游景点网页作业制作——旅游中国11个页面(HTML+CSS+JavaScript)_旅游网站界面web代码(1)
2301_82243626的博客
04-28 1680
四轮技术面+一轮hr面结束，学习到了不少，面试也是一个学习检测自己的过程，面试前大概复习了 一周的时间，把以前的代码看了一下，字节跳动比较注重算法，面试前刷了下leetcode和剑指offer， 也刷了些在牛客网上的面经。大概就说这些了，写代码去了~祝大家都能收获大厂offer~开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】篇幅有限，仅展示部分内容。
html旅游网站作品简介,旅游网站html模板
weixin_42104778的博客
05-31 1369
【实例简介】【实例截图】【核心代码】旅游网站/旅游网站├── Scripts│ └── AC_RunActiveContent.js├── css│ ├── bootstrap-theme.css│ ├── bootstrap-theme.css.map│ ├── bootstrap-theme.min.css│ ├── bootstrap-theme.min.css.map│...
HTML5文旅文化旅游网站模板源码
xcLeigh
06-24 1896
HTML5文旅文化旅游网站模板源码，文旅网站模板源码，源码设计灵感来源于大作业，课设的文旅介绍，这里以甘肃文旅网站为列，用登录、注册、首页、甘肃文旅、旅游景点、文旅执行、关于我们、联系我们等10个页面介绍了甘肃文旅。里面使用了轮播图、动画、表格、电梯导航、多媒体、视频、表单、单选/多选/全选、导航菜单、下拉框、CSS、JS等技术点。这个可用于全国各省市区县的文旅介绍网站模板，功能点多，可以部分使用，也可以全部使用，各种风格都有，代码上手简单，代码独立，可以直接使用。也可直接预览效果。
HTML+CSS+JavaScript实现旅游网站官网
热门推荐
Jacky的笔记
06-05 4万+
该项目是一个前端项目，用的技术是HTML+CSS+JavaScript。 项目亮点：实现了响应式布局，手机电脑都能兼容,运用了ElementUI,样式精美。 首页以及搜索与登录功能 预定页面和套餐页面 服务和相册页面 评价和联系我们页面，完善底部 适配多端设备github gitee 欢迎star html css js 新增预定页面和套餐页面 css 新增服务和相册页面 css 新增评价banner，联系我们部分，完善底部 适配多端设备 尽管大多数情况已经用了flex布局
html旅游旅行游记攻略网页源码
m0_37916936的博客
05-07 2884
html旅游旅行游记攻略网页源码
旅游网站首页——html
weixin_45849948的博客
04-26 1万+
旅游网站首页 使用利用当前所学html来制作一个静态的旅游网站首页 确定使用table来完成布局 如果某一行只有一个单元格，则使用 如果某一行有多个单元格，则使用 程序代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>黑马...
html语言制作旅游网站,基于WEB-HTML的旅游网站（前台+后台）模版
weixin_32184669的博客
05-30 2814
【实例简介】这是基于WEB-HTML的旅游网站模版，包括了前台和后台，全部的HTML便于你嵌套，便于您修改，你可以直接把他copy到jsp或别的里可以当成框架使用。绝对的质量。【实例截图】【核心代码】zip└── 旅游网站├── temp26│ ├── fla│ │ ├── a2.swf│ │ ├── a.swf│ │ └── b.swf│ ├── img│ │...
基于html的旅游网站的设计与实现
毕业作品网站
10-09 7548
就本系统而言，需要软硬件配置较高的PC机，Windows操作系统，另外，需要安装SQL2005数据库服务器，JDK, Myeclipse，tomcat，任意浏览器，配置好基本的所需环境以后，采用合java，JSP语言进行旅游景点网站的设计、开发与运行。第二，管理员可对客户进行验证，对信息平台的信息进行发布，修改，管理，还可以实现酒店预订，修改，删除等各种功能。id=14208有着众多的旅游景点和好玩的地方，苏州旅游网是集景点展示，人文地理，新闻发布等为一体的旅游管理的网站，该网站具备游览信息浏览功能。
制作一个简单HTML旅游网站（HTML+CSS+JS）云南旅游网页设计与实现5个页面
爱敲代码的卡拉米的博客
05-28 2627
📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。📘网站素材方面：计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。📒网站文件方面：网站系统文件种类包含：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件；
毕业设计html旅游网站,毕业设计--旅游网站的设计与实现(论文)
weixin_35926485的博客
06-09 4668
毕业设计--旅游网站的设计与实现(论文) 旅游网站的设计与实现旅游网站的设计与实现 论文论文 学 生 姓 名 ** 学 号 专 业 班 级 计算机网络 指 导 教 师 123 I 摘 要 随着计算机技术，网络技术的迅猛发展，Internet 的不断普及，网络在各个领域里 发挥了越来越重要的作用。特别是随着近年人民生活水平不断提高，旅游成为了一个热 门话题。一些的知名的旅行社已经在网上旅游方面取得了...
旅游网站 html
04-13
【旅游网站 html】是一种用于构建在线旅游平台的静态网页模板，专为介绍和展示国外著名旅游景点而设计。此类模板通常包含一系列精心设计的页面，如首页、目的地介绍页、旅游服务详情页、预订和联系页面等，旨在提供...
旅游网站html
11-19
综上所述，这个“旅游网站html”是一个全方位的在线旅游平台模板，涵盖了从首页展示到各个旅游服务细节的全面信息，旨在提供便捷的旅行预订体验。开发这样一个网站需要深入理解HTML和CSS（层叠样式表），可能还需要...
旅游网站HTML-HTML网站源码仿写.zip
03-04
这套HTML源代码文件是一个完整的网页模板，适用于各种类型的网站。它采用了最新的HTML5和CSS3技术，具有响应式设计，能够适应不同设备的屏幕尺寸。此外，它还包含了丰富的JavaScript插件，可以实现各种复杂的交互...
html武汉旅游网站html.zip
07-03
运用HTML、CSS、JavaScript、jQuery等相关技术设计一个爱旅行旅游网站，要求网站具有用户登录验证、用户登陆后显示用户名，分为管理员、注册用户、游客三种访问权限，管理员可以修改后台信息、用户可以浏览和提交...
亲子旅游网站html模板
12-04
亲子旅游网站html模板
前端与HTML
m0_65544927的博客
07-21 484
HTML 不是一种编程语言，而是一种标记语言HyperTextMarkupLanguage。
在Vue程序中，如何检测用户的登录状态并跳转到对应页面
最新发布
exlink2012的专栏
07-25 202
通过以上步骤，你可以在Vue应用程序中检测用户的登录状态，并在用户尝试访问受保护页面时跳转到登录页面。同时，在用户登录和登出后，你可以根据需要跳转到相应的页面。
TS如何处理js模块的类型？
闻人放歌的三寸青草园圃
07-24 194
【代码】TS如何处理js模块的类型？
Odoo Registry 源码解读：前端世界的魔法师
清水欧度 Odoo ERP
07-23 965
它是连接不同模块的桥梁，是实现灵活扩展的关键，是每个Odoo开发魔法师最强大的盟友。下次当你在编写Odoo模块时，请记住，你手中握着的不仅仅是键盘，而是Registry赋予你的魔法杖。想象一下，它就是Odoo世界里的预言球，所有的秘密都逃不过它的法眼。Registry会用它的魔法排序棒，确保每个生物都按照正确的顺序出场，场面蔚为壮观。Registry会把常用的魔法结果记在它的魔法笔记本里，下次再用时就不用重新计算了，节省了大量的魔法能量。Registry设置了强大的防御魔法，确保没有人能破坏它的魔法秩序。
旅游网站html的代码
06-18
创建一个基本的旅游网站HTML代码通常会包含标题、导航栏、主要内容区域和可能的页脚等元素。以下是一个简单的示例，展示了这些组件的基本结构： ```html <!DOCTYPE html> <html lang="zh"> , initial-scale=1.0...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值