旅游网站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>…...
利用最小二乘法找圆心和半径
#include <iostream> #include <vector> #include <cmath> #include <Eigen/Dense> // 需安装Eigen库用于矩阵运算 // 定义点结构 struct Point { double x, y; Point(double x_, double y_) : x(x_), y(y_) {} }; // 最小二乘法求圆心和半径 …...
谷歌浏览器插件
项目中有时候会用到插件 sync-cookie-extension1.0.0：开发环境同步测试 cookie 至 localhost，便于本地请求服务携带 cookie 参考地址：https://juejin.cn/post/7139354571712757767 里面有源码下载下来，加在到扩展即可使用FeHelp…...
【SQL学习笔记1】增删改查+多表连接全解析（内附SQL免费在线练习工具）
可以使用Sqliteviz这个网站免费编写sql语句，它能够让用户直接在浏览器内练习SQL的语法，不需要安装任何软件。 链接如下： sqliteviz 注意： 在转写SQL语法时，关键字之间有一个特定的顺序，这个顺序会影响到…...
新能源汽车智慧充电桩管理方案：新能源充电桩散热问题及消防安全监管方案
随着新能源汽车的快速普及，充电桩作为核心配套设施，其安全性与可靠性备受关注。然而，在高温、高负荷运行环境下，充电桩的散热问题与消防安全隐患日益凸显，成为制约行业发展的关键瓶颈。 如何通过智慧化管理手段优化散…...
C++中string流知识详解和示例
一、概览与类体系 C 提供三种基于内存字符串的流，定义在 <sstream> 中： std::istringstream：输入流，从已有字符串中读取并解析。std::ostringstream：输出流，向内部缓冲区写入内容，最终取…...
JVM暂停（Stop-The-World，STW）的原因分类及对应排查方案
JVM暂停（Stop-The-World，STW）的完整原因分类及对应排查方案，结合JVM运行机制和常见故障场景整理而成： 一、GC相关暂停 1. 安全点（Safepoint）阻塞 现象：JVM暂停但无GC日志，日志显示No GCs detected。原因：JVM等待所有线程进入安全点（如…...
云原生玩法三问：构建自定义开发环境
云原生玩法三问：构建自定义开发环境 引言 临时运维一个古董项目，无文档，无环境，无交接人，俗称三无。 运行设备的环境老，本地环境版本高，ssh不过去。正好最近对 腾讯出品的云原生 cnb 感兴趣&…...
服务器--宝塔命令
一、宝塔面板安装命令 ⚠️ 必须使用 root 用户 或 sudo 权限执行！ sudo su - 1. CentOS 系统： yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh2. Ubuntu / Debian 系统…...
Java + Spring Boot + Mybatis 实现批量插入
在 Java 中使用 Spring Boot 和 MyBatis 实现批量插入可以通过以下步骤完成。这里提供两种常用方法：使用 MyBatis 的 <foreach> 标签和批处理模式（ExecutorType.BATCH）。 方法一：使用 XML 的 <foreach> 标签ÿ…...
如何应对敏捷转型中的团队阻力
应对敏捷转型中的团队阻力需要明确沟通敏捷转型目的、提升团队参与感、提供充分的培训与支持、逐步推进敏捷实践、建立清晰的奖励和反馈机制。其中，明确沟通敏捷转型目的尤为关键，团队成员只有清晰理解转型背后的原因和利益，才能降低对变化的…...