旅游网站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>…...
利用ngx_stream_return_module构建简易 TCP/UDP 响应网关
一、模块概述 ngx_stream_return_module 提供了一个极简的指令： return <value>;在收到客户端连接后，立即将 <value> 写回并关闭连接。<value> 支持内嵌文本和内置变量（如 $time_iso8601、$remote_addr 等）&a…...
智慧工地云平台源码，基于微服务架构+Java+Spring Cloud +UniApp +MySql
智慧工地管理云平台系统，智慧工地全套源码，java版智慧工地源码，支持PC端、大屏端、移动端。 智慧工地聚焦建筑行业的市场需求，提供“平台网络终端”的整体解决方案，提供劳务管理、视频管理、智能监测、绿色施工、安全管…...
【入坑系列】TiDB 强制索引在不同库下不生效问题
文章目录 背景SQL 优化情况线上SQL运行情况分析怀疑1：执行计划绑定问题？尝试：SHOW WARNINGS 查看警告探索 TiDB 的 USE_INDEX 写法Hint 不生效问题排查解决参考背景 项目中使用 TiDB 数据库，并对 SQL 进行优化了，添加了强制索引。 UAT 环境已经生效，但 PROD 环境强制索…...
java调用dll出现unsatisfiedLinkError以及JNA和JNI的区别
UnsatisfiedLinkError 在对接硬件设备中，我们会遇到使用 java 调用 dll文件 的情况，此时大概率出现UnsatisfiedLinkError链接错误，原因可能有如下几种 类名错误包名错误方法名参数错误使用 JNI 协议调用，结果 dll 未实现 JNI 协…...
Java - Mysql数据类型对应
Mysql数据类型java数据类型备注整型INT/INTEGERint / java.lang.Integer–BIGINTlong/java.lang.Long–––浮点型FLOATfloat/java.lang.FloatDOUBLEdouble/java.lang.Double–DECIMAL/NUMERICjava.math.BigDecimal字符串型CHARjava.lang.String固定长度字符串VARCHARjava.lang…...
使用van-uploader 的UI组件，结合vue2如何实现图片上传组件的封装
以下是基于 vant-ui（适配 Vue2 版本 ）实现截图中照片上传预览、删除功能，并封装成可复用组件的完整代码，包含样式和逻辑实现，可直接在 Vue2 项目中使用： 1. 封装的图片上传组件 ImageUploader.vue <te…...
安卓基础（aar）
重新设置java21的环境，临时设置 $env:JAVA_HOME "D:\Android Studio\jbr" 查看当前环境变量 JAVA_HOME 的值 echo $env:JAVA_HOME 构建ARR文件 ./gradlew :private-lib:assembleRelease 目录是这样的： MyApp/ ├── app/ …...
回溯算法学习
一、电话号码的字母组合 import java.util.ArrayList; import java.util.List;import javax.management.loading.PrivateClassLoader;public class letterCombinations {private static final String[] KEYPAD {"", //0"", //1"abc", //2"…...
音视频——I2S 协议详解
I2S 协议详解 I2S (Inter-IC Sound) 协议是一种串行总线协议，专门用于在数字音频设备之间传输数字音频数据。它由飞利浦（Philips）公司开发，以其简单、高效和广泛的兼容性而闻名。 1. 信号线 I2S 协议通常使用三根或四根信号线&a…...
动态 Web 开发技术入门篇
一、HTTP 协议核心 1.1 HTTP 基础 协议全称 ：HyperText Transfer Protocol（超文本传输协议） 默认端口 ：HTTP 使用 80 端口，HTTPS 使用 443 端口。 请求方法 ： GET ：用于获取资源，…...