HTML5编写旅游网页

2023-09-20 09:34:37

 网页样例：： 

代码：

<!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>

更多推荐

芯片核数造假，华为不装了，网友直呼这一波赚翻了！

首先说一下之前以为华为是青岛新恩制作的芯片，但是在最新的一个消息中发现，麒麟芯片其实是华为子公司自主研发生产的。2个重量级消息，华为突破芯片封锁后，美国科技界惊出一身冷汗！华为麒麟9000s是中芯国际做的吗？台积电和三星有没有参与？最终是这家青岛公司扛下了所有。而华为芯片为什么可以确定，而不是之前囤积的呢？其实是因为在

Linux CentOS7 wc命令

wc命令的功能为统计指定文件中的字节数、字数、行数,并将统计结果显示输出。录入manwc可以查看相关信息基本语法：wc[选项]文件…说明：该命令统计给定文件中的字节数、字数、行数。如果没有给出文件名，则从标准输入读取。wc同时也给出所有指定文件的总统计数。字是由空格字符区分开的最大字符串。该命令常用选项：-l统计行数-

Vue的详细教程--入门

🥳🥳WelcomeHuihui'sCodeWorld!!🥳🥳接下来看看由辉辉所写的关于Vue的相关操作吧目录🥳🥳WelcomeHuihui'sCodeWorld!!🥳🥳一.Vue是什么二.Vue的特点及优势三.使用Vue的详细步骤1.导入2.定义边界3.创建vue实例四.Vue的基本语法①v-model

浅谈C++|文件篇

C++中的文件操作是通过使用文件流来实现的。文件流提供了对文件的输入和输出功能。下面是C++文件操作的基本步骤：1.包含头文件：首先，包含`<fstream>`头文件，它包含了进行文件操作所需的类和函数。2.进行文件读写操作：使用文件流对象的成员函数进行文件读写操作。例如，使用`getline()`函数逐行读取文本内容

小型水库雨水情测报和大坝安全监测解决方案

一、建设背景我国小型水库数量众多，大多由农村集体经济组织管理，灌溉、供水、防洪、生态效益突出，是农业生产、农民生活、农村发展和区域防洪的重要基础设施，实施乡村振兴战略和生态文明建设的重要支撑保障。由于小型水库工程存在先天不足等问题，缺陷较多。2021年10月19日，水利部正式印发《小型水库雨水情测报和大坝安全监测设施建

Linux中使用selenium截图的文字变为方框的解决方案

一、前言最近在Linux中使用selenium截图时，发现文字都变为了方框：虽然不影响selenium的使用，但有点影响调试，也不好看，后面发现是因为Linux缺少中文字体的缘故，需要安装中文字体就能解决。二、安装中文字体（以centos为例）1）前置检查先检查/usr/share目录下是否有有fonts和fontco

[2023.09.21]:源码已上传，供大家了解Rust Yew的前后端开发

这个资源是Rust的源代码压缩包，供大家了解RustYew的前后端开发。资源中的代码非常简洁易懂，虽然离商用场景还有一段距离，但是涵盖了前端的组件搭建、事件通信和反向代理，以及后端的RestfulAPI的路由、功能实现和数据库访问。此外，还包括了postgres数据库的初始化脚本和docker部署脚本，方便您快速搭建环

前端版本更新提示

前端版本更新提示前言：最近项目发布比较频繁、导致每次都要主动告知用户/测试去刷新清除页面缓存、从而防止发了新功能之后、用户因为没有刷新页面/清除缓存，一直使用的还是旧版本。所以就着手写一个检测到发布了新版本就自动提醒用户去刷新页面的功能。一、思路：我们可以通过每次打包构建(npmrunbuild)之后给包打一个唯一标识

企业为什么做数字化转型？

数字化转型是一个战略性的、势在必行的过程，企业利用技术和数字工具从根本上改变其运营方式，为客户提供价值，并在现代商业环境中保持竞争力。企业踏上数字化转型之旅有几个令人信服的理由：1.提高效率和生产力：数字工具和自动化可以简化流程、减少手动工作并提高整体运营效率。这使得组织能够用更少的资源做更多的事情并更有效地分配资源。

进程同步与互斥

目录进程同步与互斥（1）第一节、进程间相互作用一、相关进程和无关进程二、与时间有关的错误第二节、进程同步与互斥一、进程的同步二、进程的互斥三、临界区进程同步与互斥（2）三、信号量与P、V操作的物理含义四、用P、V操作实现进程间的互斥五、用P、V操作实现进程间的同步六、信号量及P、V操作总结进程同步与互斥（3）第四节经典

MyBatis基础之动态SQL

文章目录动态SQLif元素choose-when-otherwise元素where元素set元素foreach元素动态SQL简而言之，动态SQL就是在Mapper中使用分支、循环等逻辑。常见的动态SQL元素包括：if元素choose-when-otherwise元素where元素set元素foreach元素if元素<i

热文推荐
  1. 关于wParam和lParam

    在VC的函数参数中常出现WPARAM和LPARAM，这两个有什么特殊意义么？它们的含义是不是要事先定义？WPARAM和LPARAM一般在消息里面用的很多，其实没有特殊的含义的。是两普通的变量。是怎样通过wParam,lParam传参数的呢？有时候表示点的坐标，有时表示控件的ID,是不是事先定义好的？WPARAM是32位

  2. 云原生之使用Docker部署Teedy轻量级文档管理系统

    云原生之使用Docker部署Teedy轻量级文档管理系统一、Teedy介绍1.1Teedy简介1.2Teedy特点二、本地环境介绍2.1本地环境规划2.2本次实践介绍三、本地环境检查3.1检查Docker服务状态3.2检查Docker版本3.3检查dockercompose版本四、下载Teedy镜像五、部署Teedy轻

  3. 如何通过SQL批量删除重复数据

    文章目录前言一、GROUPBY、HAVING是什么二、编写SQL1.查询重复数据2.删除SQL总结前言浅浅记录一下，工作问题。今天在库中看到存在很多重复数据，本文将介绍怎么通过SQL语句批量删除重复数据的一种方式。一、GROUPBY、HAVING是什么我们先来了解一下GROUPBY，HAVING。GROUPBY是SQL

  4. 2023年 python结合excel实现快速画图(零基础快速入门)

    目录1.适用人群2.环境配置3.基本用法3.1数据读取3.2数据分析3.3数据组装3.4制表：4.快速提升5.效果展示1.适用人群电脑有python环境，会python基本使用，需要短时间内完成大量画图任务的数据分析的人群。（有过matplab相关画图库及echart用户使用起来会很快）2.环境配置pipinstall

  5. 从零开始学习 Java：简单易懂的入门指南之Stream流（二十七）

    Stream流Stream流1.体验Stream流2.Stream流的常见生成方式3.Stream流中间操作方法4.Stream流终结操作方法5.Stream流的收集操作6.Stream流综合练习Stream流1.体验Stream流案例需求按照下面的要求完成集合的创建和遍历创建一个集合，存储多个字符串元素把集合中所有以

  6. Gateway核心架构

    1Gateway核心架构1.1基本概念路由(Route)是gateway中最基本的组件之一，表示一个具体的路由信息载体。主要定义了下面的几个信息:id，路由标识符，区别于其他Route。uri，路由指向的目的地uri，即客户端请求最终被转发到的微服务。order，用于多个Route之间的排序，数值越小排序越靠前，匹配优

  7. Java常用类之 String、StringBuffer、StringBuilder

    Java常用类文章目录一、字符串相关的类1.1、String的不可变性1.2、String不同实例化方式的对比1.3、String不同拼接操作的对比1.4、String的常用方法1.5、String类与其他结构之间的转换1.5.1、String与基本数据类型、包装类之间的转换1.5.2、String与char[]的转换

  8. 多线程知识点整理

    一.线程的状态1.线程创建，2.线程运行，3线程阻塞，4.线程等待，5.timed_waiting6.线程执行完毕publicenumState{//线程刚创建NEW,//在JVM中正在运行的线程RUNNABLE,//线程处于阻塞状态，等待监视锁，可以重新进行同步代码块中执行BLOCKED,//等待状态WAITING,

  9. 腾讯mini项目-【指标监控服务重构】2023-08-06

    今日已办feature/client_traces_profile修改consumer4个阶段的spankind将profile的span作为rootspan，保持与venus的followsfrom的linkfeature/profile-otelclient-metric将metric部分使用新分支pushgo.o