HTML5编写旅游网页

最新推荐文章于 2024-06-02 21:13:12 发布
最新推荐文章于 2024-06-02 21:13:12 发布
阅读量1.9k 收藏 19
点赞数 3
分类专栏： JAVAWEB 文章标签： html5 旅游 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_60854279/article/details/133065259
版权

 网页样例：： 

代码：

<!DOCTYPE html>
<html lang="en">
<head>

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <table align="center" >
        <tr>
               <td ><img src="./images/top_banner.jpg" alt=""  ></td>
        </tr>
       
    </table>    
    <table align="center" width="1600">
     <tr>
            <td align="left"><img src="./images/logo.png" alt="" ></td>
            <td align="center"><img src="./images/search.png" alt=""></td>
            <td ><img src="./images/hotel_tel.png" alt="" ></td>
     </tr> 
    </table>
    <table align="center" border="" width="1700"  bgcolor="green" cellspacing="0">
        <tr>
            <td align="center" >
                 <a href="https://www.shengda.edu.cn/" target="_blank">首页</a>
            </td>
            <td align="center">
                <a href="https://www.shengda.edu.cn/" target="_blank">门票</a>
            </td>
            <td align="center">
                <a href="https://www.shengda.edu.cn/" target="_blank">酒店</a>
            </td>
            <td align="center">
                <a href="https://www.shengda.edu.cn/" target="_blank">香港车票</a>
            </td>
            <td align="center">
                <a href="https://www.shengda.edu.cn/" target="_blank">出境游</a>
            </td>
            <td align="center">
                <a href="https://www.shengda.edu.cn/" target="_blank">国内游</a>
            </td>
            <td align="center">
                <a href="https://www.shengda.edu.cn/" target="_blank">港澳游</a>
            </td>
            <td align="center">
                <a href="https://www.shengda.edu.cn/" target="_blank">抱团定制</a>
            </td>
            <td align="center">
                <a href="https://www.shengda.edu.cn/" target="_blank">全球自由行</a>
            </td>
            <td align="center">
                <a href="https://www.shengda.edu.cn/" target="_blank">收藏排行榜</a>
            </td>
        </tr>
    </table>
    
    <table>
        <td><img src="./images/icon_5.jpg" alt=""></td>
        <td>升达精选</td>
    </table>    
    <table align="center">
        <HR color="yellow" size="5">
        <tr><td ><img src="./images/banner_1.jpg" alt=""></td></tr>        
    </table>
 
   

    <table align="center"  >

        <tr>
            <td align="center"><img src="./images/jiangxuan_1.jpg" alt=""  ></td>
            <td align="center"><img src="./images/jiangxuan_1.jpg" alt="" ></td>
            <td align="center"><img src="./images/jiangxuan_1.jpg" alt="" ></td>
            <td align="center"><img src="./images/jiangxuan_1.jpg" alt="" ></td>            
        </tr>
        <tr>
            <td align="center">郑州直飞三亚，5天4晚自由游（假期预售+亲子又+接机送）</td>
            <td align="center">郑州直飞三亚，5天4晚自由游（假期预售+亲子又+接机送）</td>
            <td align="center">郑州直飞三亚，5天4晚自由游（假期预售+亲子又+接机送）</td>
            <td align="center">郑州直飞三亚，5天4晚自由游（假期预售+亲子又+接机送）</td>
        </tr>
        <tr>
            <td style="color: red;" align="center">￥988</td>
            <td style="color: red;" align="center">￥988</td>
            <td style="color: red;" align="center">￥988</td>
            <td style="color: red;" align="center">￥988</td>
        </tr>
    </table>
    
    <table>
        <tr>
            <td><img src="./images/icon_6.jpg" alt=""></td>
            <td colspan="5">国内游</td>
        </tr>
    </table>
    <HR color="yellow" size="5">

    <table>
        <tr>
            <td rowspan="6"><img src="./images/guonei_1.jpg" alt=""></td> 
            <td align="center"><img src="./images/jiangxuan_1.jpg" alt="" ></td>
            <td align="center"><img src="./images/jiangxuan_1.jpg" alt="" ></td>
            <td align="center"><img src="./images/jiangxuan_1.jpg" alt="" ></td>   
        </tr>

        <tr>
            <td align="center">郑州直飞三亚，5天4晚自由游（假期预售+亲子又+接机送）</td>
            <td align="center">郑州直飞三亚，5天4晚自由游（假期预售+亲子又+接机送）</td>
            <td align="center">郑州直飞三亚，5天4晚自由游（假期预售+亲子又+接机送）</td>
        </tr>

        <tr>
            <td style="color: red;" align="center">￥988</td>
            <td style="color: red;" align="center">￥988</td>
            <td style="color: red;" align="center">￥988</td>
        </tr>

       <tr>
        <td align="center"><img src="./images/jiangxuan_1.jpg" alt="" ></td>
        <td align="center"><img src="./images/jiangxuan_1.jpg" alt="" ></td>
        <td align="center"><img src="./images/jiangxuan_1.jpg" alt="" ></td>   
       </tr>

       <tr>
        <td align="center">郑州直飞三亚，5天4晚自由游（假期预售+亲子又+接机送）</td>
        <td align="center">郑州直飞三亚，5天4晚自由游（假期预售+亲子又+接机送）</td>
        <td align="center">郑州直飞三亚，5天4晚自由游（假期预售+亲子又+接机送）</td>
    </tr>

       <tr>
        <td style="color: red;" align="center">￥988</td>
        <td style="color: red;" align="center">￥988</td>
        <td style="color: red;" align="center">￥988</td>
    </tr>
    </table>

    <table>
        <tr>
            <td><img src="./images/icon_7.jpg" alt=""></td>
            <td colspan="5">国外游</td>
        </tr>
    </table>
    <HR color="yellow" size="5">
        
        <table>
            <tr>
                <td rowspan="6"><img src="./images/jiangwai_1.jpg" alt=""></td> 
                <td align="center"><img src="./images/jiangxuan_1.jpg" alt="" ></td>
                <td align="center"><img src="./images/jiangxuan_1.jpg" alt="" ></td>
                <td align="center"><img src="./images/jiangxuan_1.jpg" alt="" ></td>   
            </tr>
    
            <tr>
                <td align="center">郑州直飞三亚，5天4晚自由游（假期预售+亲子又+接机送）</td>
                <td align="center">郑州直飞三亚，5天4晚自由游（假期预售+亲子又+接机送）</td>
                <td align="center">郑州直飞三亚，5天4晚自由游（假期预售+亲子又+接机送）</td>
            </tr>
    
            <tr>
                <td style="color: red;" align="center">￥988</td>
                <td style="color: red;" align="center">￥988</td>
                <td style="color: red;" align="center">￥988</td>
            </tr>
    
           <tr>
            <td align="center"><img src="./images/jiangxuan_1.jpg" alt="" ></td>
            <td align="center"><img src="./images/jiangxuan_1.jpg" alt="" ></td>
            <td align="center"><img src="./images/jiangxuan_1.jpg" alt="" ></td>   
           </tr>
    
           <tr>
            <td align="center">郑州直飞三亚，5天4晚自由游（假期预售+亲子又+接机送）</td>
            <td align="center">郑州直飞三亚，5天4晚自由游（假期预售+亲子又+接机送）</td>
            <td align="center">郑州直飞三亚，5天4晚自由游（假期预售+亲子又+接机送）</td>
        </tr>
    
           <tr>
            <td style="color: red;" align="center">￥988</td>
            <td style="color: red;" align="center">￥988</td>
            <td style="color: red;" align="center">￥988</td>
        </tr>
        </table>

        <table align="center" width="1700"  bgcolor="pink">
            <tr align="left" >
                <td  rowspan="2" align="right"><img src="./images/icon_1.jpg" alt=""></td>
                <th>产品齐全</th>
                <td rowspan="2" align="right"><img src="./images/icon_2.jpg" alt=""></td>
                <th>便利快捷</th>
                <td  rowspan="2" align="right"><img src="./images/icon_3.jpg" alt=""></td>
                <th>安全支付</th>
                <td  rowspan="2" align="right"><img src="./images/icon_4.jpg" alt=""></td>
                <th>贴心服务</th>
            </tr>
            <tr>
                <td>产品全自主选择，随心买</td>
                <td>24小时不打烊，随时买</td>
                <td>知名支付工具，放心买</td>
                <td>贴心服务全年无休，安心买</td>
            </tr>
        </table>
        <table align="center" >
            <tr>
                <td style="font-size: small; color: darkgrey;">郑州升达经贸管理学院版权所有 2003-2025年</td>
            </tr>
        </table>
</body>
</html>

Dejavuuuuuu
关注
  • 3
    点赞
  • 踩
  • 19
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
html旅游网站
04-16
一个旅游网站，html，包含登陆注册页面，购物车页面。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
html旅游网站设计与实现——绿色古典旅游景区 HTML+CSS+JavaScript
热门推荐
HTML网页设计
07-29 4万+
🏀 精彩专栏推荐👇🏻👇🏻👇🏻 💝 【作者主页——🔥获取更多优质源码】 💝 【web前端期末大作业——🔥🔥毕设项目精品实战案例(1000套)】🚀 旅游景点介绍、旅游风景区、家乡介绍、等网站的设计与制作。旅游景点介绍、旅游风景区是一个介绍简介、行政区划、地理环境、自然环境、教育事业、体育事业、旅游景点、城市荣誉等等。网站集中主要展示了的地方风土人情，并通过访客留言，增加游客的互动体验。同时，地方旅游网站里的每一个网页都采用了统一的设计风格，以加强城市整体面貌统一的宣传效果。最重要的...
制作一个简单HTML旅游网站（HTML+CSS+JS）福建旅游网页设计与实现5个页面
最新发布
爱敲代码的卡拉米的博客
06-02 994
📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。📘网站素材方面：计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。📒网站文件方面：网站系统文件种类包含：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件；
旅游网站 html
04-13
国外著名旅游景点介绍网站静态模板
html_旅游网站
06-15
html5_旅游网站，带有代码！
基于html的旅游网站
04-17
用一个主页和两个子页构成整个网站，主要采用css的布局，再加上一些表格使的页面看上去更加美观。在主页也简单介绍一下我的家乡--江川，两个子页则详细介绍旅游景点和地方特产。
制作一个简单HTML旅游网站（HTML+CSS+JS）无锡旅游网页设计与实现面.md
08-10
HTML5作为现代网页开发的基础，提供了丰富的标签用于构建网页结构。本项目中使用了HTML5来创建整个旅游网站的基本框架。其中包括了文档类型声明（`<!DOCTYPE html>`）、根元素（`<html>`）、头部元素（`<head>`）...
html旅游网页设计模板下载.rar
12-04
【压缩包子文件的文件名称列表】：“html旅游网页设计模板下载”可能包含了多个文件，如HTML文件（.html扩展名）用于编写网页内容和结构，CSS文件（.css扩展名）用于定义样式和布局，JavaScript文件（.js扩展名）...
厦门旅游网的网页编写（只含HTML css文件）.zip
12-14
基于html+css+js进行网页设计 课程设计 毕业设计 供参考 源码+说明 基于html+css+js进行网页设计 课程设计 毕业设计 供参考 源码+说明 基于html+css+js进行网页设计 课程设计 毕业设计 供参考 源码+说明 基于...
利用bootstrap编写的旅游网页
04-23
这个名为“利用bootstrap编写的旅游网页”的项目，显然旨在教授初学者如何利用HTML、CSS以及Bootstrap来设计一个与旅游相关的网页。下面我们将深入探讨这些技术及其在网页设计中的应用。 首先，HTML（超文本标记...
HTML5期末大作业：北京旅游网页设计制作(1页) 简单静态HTML网页作品 我的旅游网页作业成品 学生旅游网站模板
08-10
- **HTML5**: 使用HTML5创建网页的基本结构，包括文档类型声明、根元素`<html>`、头部`<head>`（元数据如字符集、标题、样式表链接）、主体`<body>`（实际内容如文本、图片、视频等）。 - **CSS3**: 用于美化网页...
旅游网站代码
05-02
旅游网站，需要的下载....... 如有雷同请打假 旅游网站，需要的下载....... 如有雷同请打假
一个比较使用的旅游网页,漂亮的html+css网站模板、网页设计源码
12-25
DIV+CSS搭好框架，JS写好输入框事件。内附有字体和图片,现在下的人比较多积分自动增加了，有需要的可以下载。1
用HTML+CSS做一个漂亮简单的旅游网站——旅游网页设计与实现(6页)HTML+CSS+JavaScript
08-10
HTML5期末考核大作业源码 包含 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞 蹈、 动漫、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、游戏、 节日、 戒烟、 电影、 摄影、 文化、 家 乡、 鲜花、 礼品、 汽车、 其他 可满足大学生网页大作业网页设计作业需求, 喜欢的可以下载! 原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件（如：`Dreamweaver、HBuilder、Vscode 、Sublime 、 Webstorm、Text 、Notepad++` 等任意html编辑软件进行运行及修改编辑等操作） HTML静态网页设计作业，采用DIV+CSS布局，共有多个页面，使用CSS排版比较丰富，色彩鲜明有活力,顶部导航及底部 区域背景色为100%宽度。都是给学生定制的都符合学生考试期末作业的水平,有的有js，有的视频+音乐+flash的等 元素的插入。 【查看更多源码地址】：https://blog.csdn.net/VX_WJ88950106?type=blog
旅游网页代码
06-25
关于旅游的小小代码，希望朋友们借鉴下，帮我修改修改，真心希望
html静态旅游网站源码
08-11
很漂亮的英文html静态旅游网站。希望大家喜欢。。。。
HTML+CSS+JS网页设计期末课程大作业 京剧文化水墨风书画
而风不止
11-14 2万+
网页设计题材，DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业，茶文化网站 | 中华传统文化题材 | 京剧文化水墨风书画 | 中国民间年画文化艺术网站 | HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为。
HTML旅游景点网页作业制作——旅游中国11个页面(HTML+CSS+JavaScript)
网页设计与制作
03-23 2490
👨‍🎓学生HTML静态网页基础水平制作👩‍🎓，页面排版干净简洁。使用HTML+CSS页面布局设计,web大学生网页设计作业源码，这是一个不错的旅游网页制作，画面精明，排版整洁，内容丰富，主题鲜明，非常适合初学者学习使用, 这个实例比较全面，有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代码的过程来实践设计。 🏀 精彩专栏推荐👇🏻👇🏻👇🏻 💝 【作者主页——🔥获取更多优质源码】 💝 【web前端期末大作业——🔥🔥毕设项目精品实战案例(1000套)】 文章目录🌰一、网站题目
html网页设计（旅游网站）
gshdosb的博客
02-14 1980
html5+css+JavaScript+jQuery 简单的网页设计（旅游主题）
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值