HTML前端复习二

最新推荐文章于 2023-03-06 20:10:18 发布
最新推荐文章于 2023-03-06 20:10:18 发布
阅读量85 收藏
点赞数
分类专栏： HTML5 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44975452/article/details/103338575
版权 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>

<p><small></small></p>
			<!--small中内容比父元素小一些，在h5中常用来表示细则之类东西，例如合同小字，网站版权声明-->
		
		<p><cite>《论语》</cite>是我喜欢的·一本书</p>
			<!-- cite标签，表示引用，书名。歌名，音乐剧舞蹈剧 -->
		<p>子曰：<q>学而时习之，不亦说乎！</q></p>	
			<!-- 短引用，在页面中引号没法选中，默认加上引号 -->
		<blockquote>
			
		</blockquote>
			<!-- 长引用（块级引用） -->
			
			
		<p>董卿<sup><a href=""></a>[1]</sup></p>
			sup标签：上标，如百科中名词解释
			
		<p>H<sub>2</sub>O</p>
			sub标签：下标，
			
		<p><del>17.5</del><br>15.14</p>
			del标签，自动添加下划线，表示删除内容
			
		<p>独领<ins>风骚</ins></p>
			ins标签，表示插入内容，自动添加下划线
			
			
		<!-- 在页面编写代码
		pre是预格式标签，会将代码中格式保存，不会忽略空格数量 
		code专门表示代码,语义标签，不会保留格式
		通常结合使用
		-->
		<pre>
			window.onload = function(){
				alert(Hello World);
			};
		</pre>
		<code>
			window.onload = function(){
				alert(Hello World);
			};			
		</code>
		<pre>
			<code>
				window.onload = function(){
					alert(Hello World);
				};	
			</code>
		</pre>



			CSS注释(style标签，CSS文件)：/**/
		-->	
			
		<!--
		
			标签名+tab  			快速写入标签
			ctrl+r     			快速打开页面(边改边看模式)			
			alt+/     			提示功能
			ctrl+d     			删除一行
			ctrl+shift+r     	复制一行
			Ctrl+回车			换行（新一行）标签内跳转新一行
		-->
		
		
		<!--
		文本格式化
		
		快捷创建div，含class,例
			div.box + Tab == <div class="box"></div>
		
		
			单位：
				px：像素点，不同显示器像素点不一样，像素越小，显示器越好
				百分比%：浏览器根据其父元素的样式计算该值，父元素属性值改变，子元素也会随百分比进行改变
						在创建自适应页面时，经常使用百分比做单位
				em:和百分比类似，相对于 当前元素 字体大小进行计算
					1em = 1font-size
					
					
			颜色单位：
				单词：
				RGB值：通过red,green,blue三元色不同浓度，表示不同颜色。
					      例：rgb(红色浓度，绿色浓度，蓝色浓度)，浓度0~255，取色可用截图工具获取元色值
					   或采用一个百分数设置，需要设置0% - 100% ，最终也会转换为0 - 255 之间数字
				十六进制的rgb值表示颜色，需使用三组两位的十六进制数组来表示一个颜色
					   语法：#红色绿色蓝色
					   十六进制：
					   0 1 2 3 4 5 6 7 8 9 a b  c d e f
					   00-ff
					    例：红色    #ff0000
						    黑色    #000000
						ps：两位两位重复的颜色，可以简写
							#aabbff = #abc,#aabbcd不可以
				
					
		-->
		
		字体样式
		<!--
			字体颜色：color(前景色)
			文字大小：font-size(浏览器默认16px)
				设置不是文字本身大小，文字在页面中处在格子里，font-size设置的就是格子高度。字体决定大小。
				
			文字字体：font-family
				需要考虑浏览器，计算机中有就可以使用，没有就不能使用，特殊字体名称需要使用引号，开发尽量不使用。
				例：font-family:楷体，微软雅黑。	
		-->
		字体分类
		<!--font-family(定义大分类，字体由浏览器本身决定，放在字体样式最后，防止无效字体):
			serif(衬线字体)
			sans-serif(非衬线字体)
			monospace（等宽字体）
			cursive(草书字体)
			fantasy(虚幻字体)
			
			
		font:简写
		-->
		
		
		略略略略略~~~~~
		
		
		
		
		行间距(通过设置行高)
		<!--
			line-height:
				数字/    (行间距 = 行高 - 字体大小)
				百分数(相对于字体去计算行高)
				数值，行高设置为字体大小响应的倍数	
					例：font-size:20px;
						line-height:200%;
						line-height:2;
					
			
			
		小技巧：对于单行文本，可以将行高设置为与父元素的高度一致，可以使单行文本在父元素中垂直居中
				在字体后可添加/行高，来指定行高，该值是可选的不指定则默认，最好在font-size中指定，要么把行高等设置写在font语句后面
		font:30px/50px "微软雅黑"
		
		
			
		-->		
					
		
		
		
		
	</body>
</html>

 

煎饼果儿
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML基础复习
weixin_52192654的博客
03-03 479
HTML 此篇是复习 详情：https://blog.csdn.net/weixin_52192654/article/details/109472322 一、系统结构： B/S架构： Browser / Server （浏览器/服务器的交互形式。） Browser支持哪些语言：HTML CSS JavaScript ...
HTML复习
content899的博客
08-10 490
html整体复习知识点
web前端复习
m0_74219427的博客
12-28 458
Day1
前端复习html基础
seelp910的博客
03-06 75
今天摸鱼汇报作业情况
【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
PHP农产品防伪溯源系统
07-30
农产品防伪溯源程序。 该系统采用最简单易用的php+mysql进行搭建，拥完善的网站前后台，通过对每件产品生产线上的单品、二级包装、等各级包装赋予唯一的监管条码，在生产线上将此数据和经销商信息一起上传至服务器。市场稽查人员可以通过手持终端设备或者服务器网站两种方式对在终端店面销售的产品上的二维码进行防窜货稽查，，根据“一物一码”的特性，通过管理生产、销售追踪、包装关联、配送管理、终端查询来获取产品的真伪信息。并由此来判断产品是否窜货。并特别根据企业网站的特点开发出独具特色的栏目和功能。 平台环境：（源码）php+mysql
多元宇宙算法MVO-CNN-BiLSTM-Mutilhead-Attention多变量时序预测含源码 5609.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回归预测
开题报告电商平台的价格比对系统 已通过开题答辩的.doc
最新发布
07-30
随着信息技术的普及与发展, Internet已深入到人们生活与工作的各个角落，搜索引擎已成为人们获取信息最快捷的工具，网上购物已成为一种生活方式，越来越被大多数人接受[1]。但是网上商品种类繁多、价格高低不同和商家良莠不齐[2]；消费者不得不花费大量的时间在各大购物网站浏览商品、比较价格、权衡性价比[3]。因此，用户很希望拥有这样一套系统来帮助他们完成对商品的选购，该系统中包含了各大主流购物网站中热卖产品的信息，通过简单的搜索就能够知道哪个网站售卖的商品价格最便宜、性价比最高[4]。为此，电商平台的价格比对系统非常必要。通过构建电商平台的价格比对系统，能够让用户及时地浏览到各大主流电商平台上同类商品的价格信息，通过电商之间的横向对比，以期让消费者自由选择去向，从而得到真正的实惠，也可为各商家提供定价依据[5]。
开题报告 非遗信息管理系统【答辩高分内容】.docx
07-30
1.保护非物质文化遗产：非遗信息管理系统可以帮助记录、整理和保存各类非物质文化遗产的相关信息，包括传统技艺、习俗、表演艺术等，从而有效地保护这些宝贵的文化遗产。 2.传承非遗文化：通过非遗信息管理系统，可以将非遗项目的知识和技艺传承给后人，促进非遗文化的传统传承和创新发展。 3.弘扬民族文化：非遗信息管理系统有助于向公众展示和传播中国丰富多彩的民族文化，增强民族认同感和文化自信心。 4.促进非遗产业发展：通过非遗信息管理系统，可以为非遗项目提供更广泛的展示平台和推广机会，促进非遗产业的发展和商业化运作。 5.便利社会大众了解非遗：非遗信息管理系统可以让社会大众更方便地了解和学习非遗文化，激发公众对传统文化的兴趣和热爱。
前端求职必备：全面复习资料与实战技巧
前端复习资料涵盖了广泛的前端开发基础知识，旨在帮助学习者和求职者提升技能。以下是部分内容的详细解释： 1. **浏览器兼容性和内核**: 学习者需了解在哪些主流浏览器（如Chrome、Firefox、Safari、IE等）进行测试...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值