旅游网站HTML
代码
<!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">¥899</font></td> <td><img src="../image/image1/jiangxuan_2.jpg" alt=""/><p>上海飞三亚五天四晚自由行（春节销售+亲自+蜜月+自由行）</p><font color="red">¥899</font></td> <td><img src="../image/image1/jiangxuan_3.jpg" alt=""/><p>上海飞三亚五天四晚自由行（春节销售+亲自+蜜月+自由行）</p><font color="red">¥899</font></td> <td><img src="../image/image1/jiangxuan_4.jpg" alt=""/><p>上海飞三亚五天四晚自由行（春节销售+亲自+蜜月+自由行）</p><font color="red">¥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">¥899</font></td> <td><img src="../image/image1/jiangxuan_3.jpg" alt=""/><p>上海飞三亚五天四晚自由行（春节销售+亲自+蜜月+自由行）</p><font color="red">¥899</font></td> <td><img src="../image/image1/jiangxuan_4.jpg" alt=""/><p>上海飞三亚五天四晚自由行（春节销售+亲自+蜜月+自由行）</p><font color="red">¥899</font></td></tr><tr><td><img src="../image/image1/jiangxuan_5.jpg" alt=""/><p>上海飞三亚五天四晚自由行（春节销售+亲自+蜜月+自由行）</p><font color="red">¥899</font></td><td><img src="../image/image1/jiangxuan_5.jpg" alt=""/><p>上海飞三亚五天四晚自由行（春节销售+亲自+蜜月+自由行）</p><font color="red">¥699</font></td><td><img src="../image/image1/jiangxuan_5.jpg" alt=""/><p>上海飞三亚五天四晚自由行（春节销售+亲自+蜜月+自由行）</p><font color="red">¥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">¥899</font></td> <td><img src="../image/image1/jiangxuan_3.jpg" alt=""/><p>上海飞三亚五天四晚自由行（春节销售+亲自+蜜月+自由行）</p><font color="red">¥899</font></td> <td><img src="../image/image1/jiangxuan_4.jpg" alt=""/><p>上海飞三亚五天四晚自由行（春节销售+亲自+蜜月+自由行）</p><font color="red">¥899</font></td></tr><tr><td><img src="../image/image1/jiangxuan_5.jpg" alt=""/><p>上海飞三亚五天四晚自由行（春节销售+亲自+蜜月+自由行）</p><font color="red">¥899</font></td><td><img src="../image/image1/jiangxuan_5.jpg" alt=""/><p>上海飞三亚五天四晚自由行（春节销售+亲自+蜜月+自由行）</p><font color="red">¥699</font></td><td><img src="../image/image1/jiangxuan_5.jpg" alt=""/><p>上海飞三亚五天四晚自由行（春节销售+亲自+蜜月+自由行）</p><font color="red">¥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">江苏 传智播客教育科技股份有限公司<br>版权所有Copyright ©2006-2018, All Rights Reserved 苏ICP备16007882<font/></td></tr></body>
</html>
最终效果
相关文章：
旅游网站HTML
代码 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>旅游网</title> </head> <body><!--采用table编辑--> <!--最晚曾table,用于整个页面那布局--><table width&q…...
Unity - Normal mapping - Reoriented normal mapping - 重定向法线、混合法线
文章目录 目的核心代码PBR - Filament - Normal mappingShader效果BlendNormal_Hill12BlendNormal_UDNBlendNormals_Unity_Native - 效果目前最好 ProjectReferences 目的 备份、拾遗 核心代码 half3 blended_normal normalize(half3(n1.xy n2.xy, n1.z*n2.z));PBR - Filam…...
CSS 常用样式background背景属性
一、背景颜色 background-color CSS中的background-color是用来设置HTML元素的背景颜色的一个属性。它可以接受各种颜色值，包括具有名称的颜色和十六进制颜色值。 以下是一些示例代码： 设置元素的背景颜色为红色： background-color: red…...
Java开发利器，让你事半功倍！
Java是一种广泛使用的编程语言，它具有跨平台、面向对象、安全性高等特点，因此在企业级应用开发中得到了广泛的应用。在Java开发过程中，选择合适的开发工具可以大大提高工作效率，本文将为大家介绍几款Java开发利器，帮助…...
Redis面临的挑战
Redis的数据结构丰富，一般不会在功能性上造成困扰。但随着请求量的增加，SLA要求的提高，我们势必会对Redis进行一些改造和定制性开发。 高可用挑战 Redis提供了主从、哨兵、cluster等三种集群模式，其中cluster模式为目前大多数公…...
10月12日
3个按键中断 key_it.h #ifndef __KEY_IT_H__ #define __KEY_IT_H__ #include "stm32mp1xx_rcc.h" #include "stm32mp1xx_gpio.h" #include "stm32mp1xx_exti.h" #include "stm32mp1xx_gic.h" void key_it_config(); void led_init()…...
Windows 下 Qt 可执行程序添加默认管理员权限启动（QMAKE、MinGW MSVC）
记录 Qt/QMAKE 为可执行程序添加管理员权限 MSVC Windows下 MSVC 套件地位超然，只需要在 .pro 文件中加入： QMAKE_LFLAGS /MANIFESTUAC:\"level\requireAdministrator\ uiAccess\false\\"重新构建 MinGW 与MSVC相比，MinGW所需…...
深度思考面试常考sql题
1 推荐工具 在线运行SQL 2 阿里一面 3 百度一面 sql题 学生表student(id,name) 课程表course(id,name) 学生课程表student_course(sid,cid,score) CREATE TABLE student (id INT AUTO_INCREMENT PRIMARY KEY,name VARCHAR(50) NOT NULL ); CREATE TABLE course (id INT AU…...
使用springboot服务端远程调试？ 试试HTTP实现服务监听
🎬 鸽芷咕：个人主页 🔥 个人专栏: 《初阶数据结构》《C语言进阶篇》 ⛺️生活的理想，就是为了理想的生活! 文章目录 前言1. 本地环境搭建1.1 环境参数1.2 搭建springboot服务项目 2. 内网穿透2.1 安装配置cpolar内网穿透2.1.1 wi…...
CSS图文悬停翻转效果完整源码附注释
实现效果截图 HTML页面源码 <!DOCTYPE html> <html><head><meta http-equiv="content-type...
MQTT C库下载
方法一、从Eclipse paho下载 https://eclipse.dev/paho/index.php?pagedownloads.php 方法二，从MQTT官网下载 https://mqtt.org/software/ https://os.mbed.com/teams/mqtt/code/MQTTPacket/ MQTTPacket源码和paho下载的差不多 方法三、从Keil5 包管理工具…...
android U广播详解（一）
概念介绍 进程队列 BroadcastQueueModernImpl 的设计围绕着为设备上的每个潜在进程维护一个单独的 BroadcastProcessQueue 实例。表明用于传送到特定进程的Pending {link BroadcastRecord} 条目队列。整个类都标记为 {code NotThreadSafe}，因为调用者有责任始终与…...
input标签的23种type类型
一、概述 随着html5的出现，input标签新增了多种类型，用以接收各种类型的用户输入。其中传统输入控件有10种，新增输入控件有13种。 二、传统类型 传统输入控件有10种，如下所示。 text 定义单行文本输入框 password 定…...
分类预测 | MATLAB实现基于RF-Adaboost随机森林结合AdaBoost多输入分类预测
分类预测 | MATLAB实现基于RF-Adaboost随机森林结合AdaBoost多输入分类预测 目录 分类预测 | MATLAB实现基于RF-Adaboost随机森林结合AdaBoost多输入分类预测预测效果基本介绍模型描述程序设计参考资料 预测效果 基本介绍 1.MATLAB实现基于RF-Adaboost随机森林结合AdaBoost多输…...
解决echarts配置滚动(dataZoom)后导出图片数据不全问题
先展现一个echarts，并配置dataZoom，每页最多10条数据，超出滚动 <div class"echartsBox" id"echartsBox"></div>onMounted(() > {nextTick(() > {var chartDom document.getElementById(echartsBox);…...
【vue3+ts】项目初始化
1、winr呼出cmd，输入构建命令 //用vite构建 npm init vitelatest//用cli脚手架构建 npm init vurlatest2、设置vscode插件 搜索volar，安装前面两个 如果安装了vue2的插件vetur，要禁用掉，否则插件会冲突...
c++视觉图像----扩充边界
图像扩充边界 #include <opencv2/opencv.hpp> #include <opencv2/highgui/highgui.hpp>int main() {// 读取图像cv::Mat image cv::imread("1.jpg", cv::IMREAD_COLOR);if (image.empty()) {std::cerr << "Could not open or find the imag…...
邮政编码，格式校验：@ZipCode（自定义注解）
目标 自定义一个用于校验邮政编码格式的注解ZipCode，能够和现有的 Validation 兼容，使用方式和其他校验注解保持一致（使用 Valid 注解接口参数）。 校验逻辑 有效格式 不能包含空格；应为6位数字； 不校验…...
Appium自动化测试框架：关键字驱动+数据驱动
1. 关键字驱动框架简介 原理及特点 关键字驱动测试是数据驱动测试的一种改进类型，它也被称为表格驱动测试或者基于动作字的测试。主要关键字包括三类：被操作对象（Item）、操作行为（Operation）和操作值&…...
简单多状态dp【动态规划】
目录 一、按摩师 二、打家劫舍 三、删除并获得点数 四、粉刷房子 五、买卖股票的最佳时机 六、买卖股票的最佳时机（含手续费） 七、买卖股票的最佳时机III 八、买卖股票的最佳时机IV 一、按摩师 class Solution { public:int massage(vector<int>…...
Docker 离线安装指南
参考文章 1、确认操作系统类型及内核版本 Docker依赖于Linux内核的一些特性，不同版本的Docker对内核版本有不同要求。例如，Docker 17.06及之后的版本通常需要Linux内核3.10及以上版本，Docker17.09及更高版本对应Linux内核4.9.x及更高版本。…...
C++：std::is_convertible
C++标志库中提供is_convertible，可以测试一种类型是否可以转换为另一只类型： template <class From, class To> struct is_convertible; 使用举例： #include <iostream> #include <string>using namespace std;struct A { }; struct B : A { };int main…...
【Oracle APEX开发小技巧12】
有如下需求： 有一个问题反馈页面，要实现在apex页面展示能直观看到反馈时间超过7天未处理的数据，方便管理员及时处理反馈。 我的方法：直接将逻辑写在SQL中，这样可以直接在页面展示 完整代码： SELECTSF.FE…...
Vue3 + Element Plus + TypeScript中el-transfer穿梭框组件使用详解及示例
使用详解 Element Plus 的 el-transfer 组件是一个强大的穿梭框组件，常用于在两个集合之间进行数据转移，如权限分配、数据选择等场景。下面我将详细介绍其用法并提供一个完整示例。 核心特性与用法 基本属性 v-model：绑定右侧列表的值&…...
Leetcode 3577. Count the Number of Computer Unlocking Permutations
Leetcode 3577. Count the Number of Computer Unlocking Permutations 1. 解题思路2. 代码实现 题目链接：3577. Count the Number of Computer Unlocking Permutations 1. 解题思路 这一题其实就是一个脑筋急转弯，要想要能够将所有的电脑解锁&#x…...
dedecms 织梦自定义表单留言增加ajax验证码功能
增加ajax功能模块，用户不点击提交按钮，只要输入框失去焦点，就会提前提示验证码是否正确。 一，模板上增加验证码 <input name"vdcode"id"vdcode" placeholder"请输入验证码" type"text&quo…...
全球首个30米分辨率湿地数据集(2000—2022)
数据简介 今天我们分享的数据是全球30米分辨率湿地数据集，包含8种湿地亚类，该数据以0.5X0.5的瓦片存储，我们整理了所有属于中国的瓦片名称与其对应省份，方便大家研究使用。 该数据集作为全球首个30米分辨率、覆盖2000–2022年时间…...
Pinocchio 库详解及其在足式机器人上的应用
Pinocchio 库详解及其在足式机器人上的应用 Pinocchio (Pinocchio is not only a nose) 是一个开源的 C 库，专门用于快速计算机器人模型的正向运动学、逆向运动学、雅可比矩阵、动力学和动力学导数。它主要关注效率和准确性，并提供了一个通用的框架&…...
MinIO Docker 部署：仅开放一个端口
MinIO Docker 部署：仅开放一个端口 在实际的服务器部署中，出于安全和管理的考虑，我们可能只能开放一个端口。MinIO 是一个高性能的对象存储服务，支持 Docker 部署，但默认情况下它需要两个端口：一个是 API 端口（用于存储和访问数据），另一个是控制台端口（用于管理界面…...
嵌入式常见 CPU 架构
架构类型架构厂商芯片厂商典型芯片特点与应用场景PICRISC (8/16 位)MicrochipMicrochipPIC16F877A、PIC18F4550简化指令集，单周期执行；低功耗、CIP 独立外设；用于家电、小电机控制、安防面板等嵌入式场景8051CISC (8 位)Intel（原始…...