9.9日学习内容

最新推荐文章于 2024-07-24 16:49:00 发布
最新推荐文章于 2024-07-24 16:49:00 发布
阅读量79 收藏
点赞数
分类专栏： html 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jjj53/article/details/100698942
版权

今天学习制作了一个酒店预订的网页面，学的不是太熟悉，完成的一半

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>酒店预订</title>
		<link rel="stylesheet" href="">
		<style>
			*{
				/*重置样式*/
				margin: 0;
				padding: 0;
			}
			li,ul,ol{
				list-style: none;
			}
			a{
				text-decoration: none;
			}
			/*header样式*/
			.headerwrap{
				background-color: #008000;
			}
			.header{
				width:1200px;
				height:45px;
				margin:0 auto;
			}
			.header>p{
				float:right;
				color:#1A1A1A;
				font-size:14px;
				line-height: 45px;
			}
			.header p span{
				font-size:20px;
				margin-right:24px ;
			}
			.header img{
				margin-top:11px;
				float:left;
				margin-right: 12px;
		/*		vertical-align: top;*/
			}
			.header a{
				color:#fff;
				font-size:14px;
				margin:0px 16px 0px 16px;
			}
			
			/*nav样式*/
			.navwrap{
				background-color: #E8420A;
				border-bottom:1px solid black;
			}
			div.nav{
				height:80px;
				width:1200px;
				margin:0 auto;
				background-color: #000000;
				
			}
			.nav img{
				float: left;
				margin-top: 10px;
			}
			.nav p{
				float:right;
				line-height: 80px;
				font-family: "微软雅黑";
			}
			.nav p a{
				float:right;
				font-size:20px;
				color:#000000;
				margin-left:20px ;
				float:left;
				height:76px;
				text-align: center;
			}
			.nav a:last-child{
				margin-right:0px;
			}
			.nav a:hover{
				border-bottom: 4px solid #e8420a;
			}
			
			/*main演示*/
			div.bread{
				height:100px;
				width:900px;
				line-height: 100px;
			}
			div.mainwrap{
				border-bottom:1px solid black;
			}
			div.main{
				width:1200px;
				height:720px;
				margin:0 auto;
				background-color: #E8420A;
			}
		</style>
	</head>
	<body>
		<!-- header -->
		<div class="headerwrap">
			<div class="header">
					<p>
						<span>
							<img src="../img/logo.png" alt="">
							400-808-8682
						</span>
						<a href="">请登录</a>|
						<a href="">注册</a>
					</p>
			</div>	
		</div>
		
		<!-- nav -->
		<div class="navwrap">
			<div class="nav">
				<img src="../img/img.png"/>
				<p>
					<a href="">首页</a>
					<a href="">目的地</a>
					<a href="">亲子游学</a>
					<a href="">酒店预订</a>
					<a href="">车辆接送</a>
					<a href="">签证代办</a>
					<a href="">精彩瞬间</a>
				</p>
			</div>
		</div>
		
		<!-- main -->
		<div class="mainwrap">
			<div class="main">
				<div class="bread">
					<a href="">首页</a>>
					<a href="">酒店预订</a>>
					<a href="">曼谷悦榕庄酒店（酒店名称）</a>
				</div>
			</div>
		</div>
	</body>
<ml>
pyqnh
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
9.22日PHP李云丹.zip
09-23
综上所述，9.22日PHP李云丹的课程可能是一个全面介绍PHP编程的教程，涵盖从基础语法到高级特性的学习路径，包括与数据库的交互、面向对象编程以及性能优化策略。通过深入学习，开发者可以掌握构建动态网站所需的核心...
9日月潭课件.ppt
12-10
《9日月潭课件.ppt》是一份关于介绍台湾著名景点日月潭的教育课件，主要目的是帮助学生正确、流利、有感情地朗读课文，并理解课文内容，尤其是日月潭的地理位置和独特风貌。以下是根据课件内容提取的相关知识点： 1...
CCNP.642-832.V200(2013.9.5).rar_CCNP.642-832.V200_ccnp_学习
09-24
《CCNP.642-832.V200(2013.9.5)_CCNP.642-832.V200_ccnp_学习》这个压缩包文件是针对Cisco Certified Network Professional（CCNP）认证的学习资料，其中包含的是关于642-832考试的相关内容。CCNP是Cisco公司推出的...
9日月明 (2).ppt
10-28
标题“9日月明 (2).ppt”与描述“9日月明 (2).ppt”并未直接提供具体的IT知识，但根据部分内容，我们可以推测这是一个关于汉字学习和构成的教育材料，可能是在教授儿童汉字的基本结构和识字方法。在IT领域，虽然这...
消防日学习教案.pptx
11-26
【消防日学习教案】主要涉及消防安全知识，特别是针对小学生的教育内容。消防安全是每个人都需要了解的基本生存技能，尤其是在学校环境中，孩子们需要掌握如何在火灾发生时保护自己。 1. **全国消防日**：11月9日被...
HTML前端 盒模型及常见的布局 流式布局 弹性布局 网格布局
wuyujin1997的博客
07-23 481
CSS 两种盒模型 box-sizing content-box 和 border-box流式布局 flow layout弹性布局 flex layout HTML CSS网格布局 grid layout HTML CSS
Web前端：HTML篇（一）
sjb2274540432的博客
07-22 948
超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。
基于 HTML+ECharts 实现监控平台数据可视化大屏（含源码）
柯晓楠
07-24 1267
我们实现了一个基于 HTML 和 ECharts 的监控平台数据可视化大屏。这个大屏不仅能够直观地展示监控数据，还能通过交互功能提升用户体验。希望本文能对你在实现类似项目时提供一些帮助和启发。
html笔记
weixin_51644244的博客
07-22 2916
/</</</本地访问：file:///D:\Project\html\html01\html01/第一章.htmlhttp://https:// 加密协议网络传输协议 超文本传输协议常见的：** < a >、< strong >、< b >、< em >、< i >、< del >、< s >、< ins >、< u >、< span >、< img />、< input />、< select >、< textarea >、< br />**、等，其中 < span > 标签是最典型的行内元素。
【SCI顶级】金豺算法GJO-CNN-LSTM-Multihead-Attention温度预测【含源码 5741期】.zip
07-30
CSDN海神之光上传的全部代码均可运行，亲测可用，直接替换数据即可，适合小白； 1、代码压缩包内容 主函数：Main .m； 数据； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，可私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开除Main.m的其他m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主或扫描博主博客文章底部QQ名片； 4.1 CSDN博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作 智能优化算法-CNN-LSTM-Mutilhead-Attention回归预测系列程序定制或科研合作方向： 4.4.1 遗传算法GA/蚁群算法ACO-CNN-LSTM-Mutilhead-Attention回归预测 4.4.2 粒子群算法PSO/蛙跳算法SFLA-CNN-LSTM-Mutilhead-Attention回归预测 4.4.3 灰狼算法GWO/狼群算法WPA-CNN-LSTM-Mutilhead-Attention回归预测 4.4.4 鲸鱼算法WOA/麻雀算法SSA-CNN-LSTM-Mutilhead-Attention回归预测 4.4.5 萤火虫算法FA/差分算法DE-CNN-LSTM-Mutilhead-Attention回归预测
2023睿抗机器人开发者大赛.zip
07-30
毕业设计是高等教育阶段学生完成学业的一个重要环节，通常在学士或硕士学业即将结束时进行。这是学生将在整个学业中所学知识和技能应用到实际问题上的机会，旨在检验学生是否能够独立思考、解决问题，并展示其专业能力的一项综合性任务。 毕业设计的主要特点包括： 独立性： 毕业设计要求学生具备独立思考和解决问题的能力。学生需要选择一个合适的课题，研究相关文献，进行实地调查或实验，并提出独立见解。 实践性： 毕业设计是将理论知识应用到实际问题中的一次实践。通过完成毕业设计，学生能够将所学的专业知识转化为实际的解决方案，加深对专业领域的理解。 综合性： 毕业设计往往要求学生运用多个学科的知识，综合各种技能。这有助于培养学生的综合素养，提高他们的综合能力。 导师指导： 学生在毕业设计过程中通常由一名指导老师或导师团队提供指导和支持。导师负责引导学生确定研究方向、制定计划、提供建议，并在整个过程中监督进展。 学术规范： 毕业设计要求学生按照学术规范完成研究，包括文献综述、研究设计、数据采集与分析、结论和讨论等环节。学生需要撰写一篇完整的毕业论文，并进行答辩。
【JCR一区级】飞蛾扑火算法MFO-CNN-LSTM-Attention故障诊断分类预测【含源码 5668期】.zip
07-30
CSDN海神之光上传的全部代码均可运行，亲测可用，直接替换数据即可，适合小白； 1、代码压缩包内容 主函数：Main .m； 数据； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，可私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开除Main.m的其他m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主或扫描博主博客文章底部QQ名片； 4.1 CSDN博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作 智能优化算法-CNN-LSTM-Attention分类系列程序定制或科研合作方向： 4.4.1 遗传算法GA/蚁群算法ACO-CNN-LSTM-Attention分类 4.4.2 粒子群算法PSO/蛙跳算法SFLA-CNN-LSTM-Attention分类 4.4.3 灰狼算法GWO/狼群算法WPA-CNN-LSTM-Attention分类 4.4.4 鲸鱼算法WOA/麻雀算法SSA-CNN-LSTM-Attention分类 4.4.5 萤火虫算法FA/差分算法DE-CNN-LSTM-Attention分类
SCI一区】蚁狮算法ALO-CNN-BiLSTM-Mutilhead-Attention多变量时序预测含源码 5651.zip
07-30
CSDN海神之光上传的全部代码均可运行，亲测可用，直接替换数据即可，适合小白； 1、代码压缩包内容 主函数：Main .m； 数据； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，可私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开除Main.m的其他m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主或扫描博主博客文章底部QQ名片； 4.1 CSDN博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作 智能优化算法-CNN-BiLSTM-Mutilhead-Attention回归预测系列程序定制或科研合作方向： 4.4.1 遗传算法GA/蚁群算法ACO-CNN-BiLSTM-Mutilhead-Attention回归预测 4.4.2 粒子群算法PSO/蛙跳算法SFLA-CNN-BiLSTM-Mutilhead-Attention回归预测 4.4.3 灰狼算法GWO/狼群算法WPA-CNN-BiLSTM-Mutilhead-Attention回归预测 4.4.4 鲸鱼算法WOA/麻雀算法SSA-CNN-BiLSTM-Mutilhead-Attention回归预测 4.4.5 萤火虫算法FA/差分算法DE-CNN-BiLSTM-Mutilhead-Attention回归预测
C++头文件1.0（标准化头文件，入门者必背）
07-30
C++头文件1.0（标准化头文件，入门者必背）C++头文件1.0（标准化头文件，入门者必背）C++头文件1.0（标准化头文件，入门者必背）C++头文件1.0（标准化头文件，入门者必背）C++头文件1.0（标准化头文件，入门者必背）C++头文件1.0（标准化头文件，入门者必背）C++头文件1.0（标准化头文件，入门者必背）C++头文件1.0（标准化头文件，入门者必背）C++头文件1.0（标准化头文件，入门者必背）C++头文件1.0（标准化头文件，入门者必背）C++头文件1.0（标准化头文件，入门者必背）C++头文件1.0（标准化头文件，入门者必背）C++头文件1.0（标准化头文件，入门者必背）C++头文件1.0（标准化头文件，入门者必背）C++头文件1.0（标准化头文件，入门者必背）C++头文件1.0（标准化头文件，入门者必背）C++头文件1.0（标准化头文件，入门者必背）C++头文件1.0（标准化头文件，入门者必背）
MSM0G3507 板的测试程序
07-30
<项目介绍> - MSM0G3507 板的测试程序 - 不懂运行，下载完可以私聊问，可远程教学 该资源内项目源码是个人的毕设，代码都测试ok，都是运行成功后才上传资源，答辩评审平均分达到96分，放心下载使用！ 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习，也适合小白学习进阶，当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行，也可在此代码基础上进行修改，以实现其他功能，也可用于毕设、课设、作业等。 下载后请首先打开README.md文件（如有），仅供学习参考, 切勿用于商业用途。 --------
C++《舵机、超声波结合，实现走迷宫功能的Arduino小车程序》+源代码+文档说明
07-30
<项目介绍> - 将舵机、超声波结合，实现走迷宫功能的Arduino小车程序 - 不懂运行，下载完可以私聊问，可远程教学 该资源内项目源码是个人的毕设，代码都测试ok，都是运行成功后才上传资源，答辩评审平均分达到96分，放心下载使用！ 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习，也适合小白学习进阶，当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行，也可在此代码基础上进行修改，以实现其他功能，也可用于毕设、课设、作业等。 下载后请首先打开README.md文件（如有），仅供学习参考, 切勿用于商业用途。 --------
k8s-cert.sh
最新发布
07-30
k8s-cert.sh
SCI一区】淘金算法GRO-CNN-BiLSTM-Mutilhead-Attention多变量时序预测含源码 5642.zip
07-30
CSDN海神之光上传的全部代码均可运行，亲测可用，直接替换数据即可，适合小白； 1、代码压缩包内容 主函数：Main .m； 数据； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，可私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开除Main.m的其他m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主或扫描博主博客文章底部QQ名片； 4.1 CSDN博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作 智能优化算法-CNN-BiLSTM-Mutilhead-Attention回归预测系列程序定制或科研合作方向： 4.4.1 遗传算法GA/蚁群算法ACO-CNN-BiLSTM-Mutilhead-Attention回归预测 4.4.2 粒子群算法PSO/蛙跳算法SFLA-CNN-BiLSTM-Mutilhead-Attention回归预测 4.4.3 灰狼算法GWO/狼群算法WPA-CNN-BiLSTM-Mutilhead-Attention回归预测 4.4.4 鲸鱼算法WOA/麻雀算法SSA-CNN-BiLSTM-Mutilhead-Attention回归预测 4.4.5 萤火虫算法FA/差分算法DE-CNN-BiLSTM-Mutilhead-Attention回归预测
nexus-3.70.1-02-java11-unix.tar.gz
07-30
nexus-3.70.1-02-java11-unix.tar
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值