初识HTML超文本标记语言

文章目录

  • 前端简介
    • 引入
    • 前端三剑客
    • 什么是HTML?
    • 超文本传输协议前戏
    • HTTP超文本传输协议
      • 1.什么是HTTP协议
      • 2.四大特性
      • 3.数据格式
      • 4.响应状态码
    • 基于HTTP协议搭建HTML
    • HTML简介
    • HTML文档结构
      • head常见标签
        • 1.meta 定义网页源信息(很多配置)
        • 2.style内部支持编写CSS代码
        • 3.link引入外部CSS文件
        • 3.script支持内部编写js代码也可以引入外部js文件
      • body内常见标签
      • 块儿级标签与行内(内联)标签
      • body内基本符号
      • body内布局标签
      • body内常见标签
        • a标签(链接标签)
        • img标签(图片标签)
        • 标签两大重要属性
        • 列表标签
        • table标签(表格标签)
        • form标签(表单标签)

前端简介

引入

前端:与用户直接打交道的操作界面都可以称之为前端(那些炫酷的页面)

后端:不直接与用户打交道的,内部真正执行核心业务逻辑的代码(各种编程语言写的代码:Python、Java、Go)

前端三剑客

	1.HTML 					网页的骨架(没有样式很难看)	2.CSS 					网页的样式(给骨架美化)	3.JavaScript 			网页的动态(丰富用户体验)'''还有一些前端配套的框架(库)bootstrap、jQuery、vue、react、angular.js'''

什么是HTML?

	1.超文本标记语言(Hypertext MarKup Language,HTML)是一种用于创建网页的标记语言2.本质上是浏览器可识别的规则,我们按照规则写网页,浏览器根据规则渲染我们的网页。对于不同的浏览器,对同一个标签可能会有不同的解释(兼容性问题)3.网页文件的扩展名:.html或.htm

注意:HTML是一种标记语言(markup language),他不是一种编程语言。HTML使用标签来描述网页。

超文本传输协议前戏

1.编写前端的步骤

  1. 编写一个服务端
  2. 使用浏览器充当客户端访问服务端(BS架构)
  3. 浏览器端无法直接展示服务端的响应数据(因为服务端的数据没有遵循标准)
  4. 由于浏览器需要兼容很多服务端软件,为了实现无障碍沟通交流,产生协议(HTTP协议、FTP协议、HTTPS协议)
  5. 浏览器发送的请求数据格式肯定是没有问题,因为别人早就封装好了,问题出现在我们自己写的服务端响应式数据格式

2.前端BS架构

我们在编写TCP服务端的时候,针对客户端的选择可以是自己写的客户端代码,也可以是浏览器充当的客户端(B/S本质也是C/S架构)

编写服务端

	import socketserver = socket.socket()server.bind(('127.0.0.1',8080))server.listen(5)while True:sock,addr = server.accept()while True:data = sock.recv(2048)print(data)sock.send(b"hello world")

浏览器访问结果
在这里插入图片描述
在这里插入图片描述
解决方法

由于浏览器需要兼容很多服务端软件 为了实现无障沟通交流 产生协议(HTTP协议、FTP协议、HTTPS协议)
浏览器发送的请求数据格式肯定是没有问题 因为别人早就封装好了 问题出现在我们自己写的服务端响应数据格式
继续往下看完HTTP协议就知道怎么做了

HTTP超文本传输协议

1.什么是HTTP协议

HTTP协议(Hypertext Transfer Protocol,超文本传输协议)是用于从www服务器传输超文本到本地浏览器的传送协议。它可以使浏览器更加高效,使网络传输减少,我们在浏览器的地址栏里输入的网站地址叫做URL(UniformResourceLocator,统一资源定位符)。

2.四大特性

	1.基于请求响应客户端发送请求,服务端回应响应。服务端永远不会主动给客户端发消息,如果想让服务端主动给客户端发送消息可以采用其他网络协议。2.基于TCP/IP作用于应用层的协议3.无状态服务端不会保存客户端的状态(不保存客户端的状态信息)就是这个协议它不能够在浏览器中保存数据,现在使用的:淘宝、支付宝、京东等这些网站都需要登录(cookie、session、token、jwt等保存的,他们才是真正的保存用户数据的)4./短连接客户端与服务端不会长久保持连接(两者请求响应之后立马断绝关系)

3.数据格式

	请求数据格式1> 请求首行(请求方式:有很多种 协议名称及版本)2> 请求头(一堆K:V键值对)3> 换行4> 请求体(携带一些敏感的数据 不是所有的请求都有请求体)响应数据格式1> 响应首行(响应状态码)2> 响应头(一堆K:V键值对)3> 换行4> 响应体(一般情况下就是浏览器要展示给用户看的数据)

在这里插入图片描述

4.响应状态码

	利用数字来展示一些复杂的描述性信息1XX:服务端已经接收到你的请求正在处理,你可以继续提交或者等待2XX:200 OK服务端给出了相应响应3XX:重定向4XX:404 Not Found请求资源不存在(绝大多数时候都是遇到的这种情况)  403请求不符合条件5XX:服务端内部错误(出现网页打不开的情况)我们在公司中还会自定义更多的状态码,一般情况下从10000开始'''公司还会自定义状态码 一般以10000开头参考: 聚合数据  APL作用:后端写给前端的状态码'''

详细分解

1xx(临时响应)
表示临时响应并需要请求者继续执行操作的状态代码。
代码 说明
100 (继续) 请求者应当继续提出请求。 服务器返回此代码表示已收到请求的第一部分,正在等待其余部分。
101 (切换协议) 请求者已要求服务器切换协议,服务器已确认并准备切换。

2xx (成功)
表示成功处理了请求的状态代码。
代码 说明
200 (成功) 服务器已成功处理了请求。 通常,这表示服务器提供了请求的网页。
201 (已创建) 请求成功并且服务器创建了新的资源。
202 (已接受) 服务器已接受请求,但尚未处理。
203 (非授权信息) 服务器已成功处理了请求,但返回的信息可能来自另一来源。
204 (无内容) 服务器成功处理了请求,但没有返回任何内容。
205 (重置内容) 服务器成功处理了请求,但没有返回任何内容。
206 (部分内容) 服务器成功处理了部分 GET 请求。

3xx (重定向)
表示要完成请求,需要进一步操作。 通常,这些状态代码用来重定向。
代码 说明
300 (多种选择) 针对请求,服务器可执行多种操作。 服务器可根据请求者 (user agent) 选择一项操作,或提供操作列表供请求者选择。
301 (永久移动) 请求的网页已永久移动到新位置。 服务器返回此响应(对 GET 或 HEAD 请求的响应)时,会自动将请求者转到新位置。
302 (临时移动) 服务器目前从不同位置的网页响应请求,但请求者应继续使用原有位置来进行以后的请求。
303 (查看其他位置) 请求者应当对不同的位置使用单独的 GET 请求来检索响应时,服务器返回此代码。
304 (未修改) 自从上次请求后,请求的网页未修改过。 服务器返回此响应时,不会返回网页内容。
305 (使用代理) 请求者只能使用代理访问请求的网页。 如果服务器返回此响应,还表示请求者应使用代理。
307 (临时重定向) 服务器目前从不同位置的网页响应请求,但请求者应继续使用原有位置来进行以后的请求。

4xx(请求错误)
这些状态代码表示请求可能出错,妨碍了服务器的处理。
代码 说明
400 (错误请求) 服务器不理解请求的语法。
401 (未授权) 请求要求身份验证。 对于需要登录的网页,服务器可能返回此响应。
403 (禁止) 服务器拒绝请求。
404 (未找到) 服务器找不到请求的网页。
405 (方法禁用) 禁用请求中指定的方法。
406 (不接受) 无法使用请求的内容特性响应请求的网页。
407 (需要代理授权) 此状态代码与 401(未授权)类似,但指定请求者应当授权使用代理。
408 (请求超时) 服务器等候请求时发生超时。
409 (冲突) 服务器在完成请求时发生冲突。 服务器必须在响应中包含有关冲突的信息。
410 (已删除) 如果请求的资源已永久删除,服务器就会返回此响应。
411 (需要有效长度) 服务器不接受不含有效内容长度标头字段的请求。
412 (未满足前提条件) 服务器未满足请求者在请求中设置的其中一个前提条件。
413 (请求实体过大) 服务器无法处理请求,因为请求实体过大,超出服务器的处理能力。
414 (请求的 URI 过长) 请求的 URI(通常为网址)过长,服务器无法处理。
415 (不支持的媒体类型) 请求的格式不受请求页面的支持。
416 (请求范围不符合要求) 如果页面无法提供请求的范围,则服务器会返回此状态代码。
417 (未满足期望值) 服务器未满足”期望”请求标头字段的要求。

5xx(服务器错误)
这些状态代码表示服务器在尝试处理请求时发生内部错误。 这些错误可能是服务器本身的错误,而不是请求出错。
代码 说明
500 (服务器内部错误) 服务器遇到错误,无法完成请求。
501 (尚未实施) 服务器不具备完成请求的功能。 例如,服务器无法识别请求方法时可能会返回此代码。
502 (错误网关) 服务器作为网关或代理,从上游服务器收到无效响应。
503 (服务不可用) 服务器目前无法使用(由于超载或停机维护)。 通常,这只是暂时状态。
504 (网关超时) 服务器作为网关或代理,但是没有及时从上游服务器收到请求。
505 (HTTP 版本不受支持) 服务器不支持请求中所用的 HTTP 协议版本。

基于HTTP协议搭建HTML

	import socketserver = socket.socket()server.bind(('127.0.0.1',8080))server.listen(5)while True:sock,addr = server.accept()while True:data = sock.recv(2048)print(data)'遵循HTTP响应格式'sock.send(b'HTTP/1.1 200 OK \r\n\r\n')'格式化字体'sock.send(b'<h1>hello world</h1>')

在这里插入图片描述

代码实现的过程:浏览器发送请求>>HTTP协议>>服务端接收请求>>服务端返回响应>>服务端把HTML文件内容发送给浏览器>>浏览器渲染页面

HTML简介

	HTML简称超文本标记语言,是所有的浏览器展示页面必备浏览器展示的界面我们也称做HTML页面,存储HTML语言的文件一般都是.htmlHTML语法注释'单行注释'<! -- 注释内容 -->'多行注释'<!--注释内容-->HTML文件结构<html> 所有的代码都必须卸载html标签内部<head> head内的数据一般都不是给用户看的<meta charset='utf-8'> 字符编码<title></title> 网页标题,在浏览器标题栏显示</head><body></body> body内的数据就是浏览器展示给用户看的</html>HTML标签分类单标签(自闭和标签)<img />  双标签(有开始有结束) 有头有尾<a></a>

在这里插入图片描述

	<!DOCTYPE html>				# 文挡声明 HTML<html lang='en'>		# 语言默认英文ENGLISH<head>				# head内的数据一般都不是给用户看的<title>title</title>	# 网页标题<meta charset='utf-8'/>	# 字符编码</head><body></body>	# body内的数据就是浏览器展示给用户看的</html>

HTML文档结构

head常见标签

标签意义
title定义网页标题
style定义内部样式表
script定义JS代码或引入外部JS文件
link引入外部样式表文件或网站图标
meta定义网页源信息
1.meta 定义网页源信息(很多配置)
	meta 定义网页源信息主要用于描述网页,与之对应的属性值为content,content中的内容主要便于搜索引擎机器人查找信息和分类信息用eg:<meta name="keywords" content="查询关键字" ><meta name="description" content="网页简介">补充知识1.指定该网址2秒后跳转到指定网页<meta http-equiv="refresh" content="2;URL=https://www.baidu.com">2.keywords 关键字搜索<meta name="keywrods" content="旋转,跳跃,rap">3.description 网页描述信息(简介)<meta name="desciption" content="强盛集团">
2.style内部支持编写CSS代码
	<style>h1 {color: red;}</style>
3.link引入外部CSS文件
	<link rel="stylesheet" href="mycss.css">

在这里插入图片描述

3.script支持内部编写js代码也可以引入外部js文件
	1.内部写js代码<script>prompt('好好活着','不要浪费生命')</script>2.引入外部js文件<script src="myjs.js"></script>ps:了解每个标签大致的作用即可

body内常见标签

标签意义
h1-h6标题标签
p段落标签
u下划线
i斜体
s删除线
b加粗
br换行
hr分割线

注意:有很多样式,可能存在多中标签可以实现

	<style>h1{color:red;}u,i,s,b{color: blue;}</style><body><h1>独坐敬亭山</h1><h3>朝代:唐朝&nbsp;&nbsp;作者:李白</h3><hr><h2>众鸟高飞尽,孤云独去闲</h2><h2>相看两不厌,只有敬亭山</h2><! --下划线(u)、斜体(i)、删除线(s)、粗体(b) -- ><u>风萧萧兮</u><i>易水寒</i><s>壮士一去兮</s><b>不复还</b></body>

在这里插入图片描述

块儿级标签与行内(内联)标签

	1.块儿级标签:h1~h6、p、hr、br、div一个标签独占一行2.行内(内联)标签:u、i、s、b内部文本多大自身就占多大空间(主要用于文本的内容)

body内基本符号

	&nbsp;		空格				# 直接打空格是无效的 需要用到空格符号&gt;		大于号				# 直接打 > 没用的 需要用到&ft;符号&lt;		小于号				# 直接打 < 没用的 需要用到&lt;符号&amp;		&					# 直接打 & 没用的 需要用到&amp;符号&yen;		¥					# 直接打 ¥ 没用的 需要用到&yen;符号&reg;		注册商标				&copy;		版权				
	<body>body内特殊符号&nbsp;&nbsp;&nbsp;&nbsp;空格符号<br>大于&gt;&nbsp;&nbsp;a&gt;b<br>小于&lt;&nbsp;&nbsp;a&lt;b<br>特殊符号&&nbsp;&nbsp;a&amp;b<br>特殊符号¥&nbsp;&nbsp;&yen;10000<br>注册号&reg;<br>版权号&copy;<br></body>

在这里插入图片描述

body内布局标签

	div块儿级标签span行内标签(内联)'''1.块儿级标签是可以通过CSS层叠样式表调整为不独占一行的形态2.标签之间有很多时候可以嵌套块儿级标签内部可以嵌套块儿级标签和行内标签(p标签虽然是块儿级标签,但是它的内部也不能嵌套块儿级标签)行内标签内部只能嵌套行内标签,不能嵌套块儿级标签,非要嵌套也不会报错,只不过没效果#针对于前端来说,不会轻易报错!如果写的部队,只会没有对应的效果!'''eg:<div><span>第一行<p>span内的p标签</p></span><span>第二行</span><span>第三行</span></div>	

在这里插入图片描述

body内常见标签

	标签括号内填写的 什么=什么 称之为标签的属性1.默认属性标签自带的 编写的时候有自动提示2.自定义属性用户自定义 编写不会有提示甚至会飘颜色
a标签(链接标签)
	链接标签1.href	可以填写网址 	具备点击自动跳转href="url"也可以填写本地地址	href="index.html"还可以填写其他标签的id值,实现瞄功能href="#id"target	可以控制是否在新建页面跳转(默认_self原网页跳转)_self	# 当前页面打开_blank	# 新建页面打开
img标签(图片标签)
	图片标签1.src		填写图片地址(本地地址、外链地址)2.title		鼠标悬浮在突破上就会有提示信息3.alt		当图片加载失败提示的信息4.height	调整图片的高度5.width		跳转图片的宽度(上述两个调整其中一个即可,这样可以达到等比例缩放,如果两个一起设置可能会变形,失真)图片无法显示:<img src="https://c-ssl.dtstatic.com/uploads/blog/thumb.1000_0.jpg"  alt="加载失败" / >	解决方法:只需要在<head>标签内天津爱<meta name="referrer" content="no-referrer">

在这里插入图片描述

标签两大重要属性
	下面的两个属性都是用来快速定位需要操作的标签1.id属性(一对一管理)类似于身份证号 在同一个html页面中,id值不能重复,必须是唯一2.class属性(批量管理)类似于分组,多个标签可以拥有相同的class(一个标签也可以拥有多个class)
列表标签
	1.无序列表<ul type="disc"><li>布丁</li><li>果冻</li><li>酸奶</li></ul>'''type属性:● disc(实心圆点,默认值)● circle(空心圆圈)● square(实心方块)● none(无样式)'''2.有序列表<ol type="1"><li>西瓜</li><li>草莓</li><li>香蕉</li></ol>'''type属性:● 1 数字列表,默认值● A 大写字母● a 小写字母● Ⅰ大写罗马● ⅰ小写罗马'''3.标题列表<dl><dt>大标题</dt><dd>小标题</dd><dt>大标题</dt><dd>小标题</dd></dl>

在这里插入图片描述

table标签(表格标签)
	1.先写基本骨架<table><thead></thead><tbody></tbody></table>2.再写表头及表单数据<tr>  一个tr标签就表示一行<th>编号</th>  th主要用于表头字段中 用来加粗显示<th>姓名</th><th>爱好</th></tr><tr><td>1</td>  td主要用于表达数据中 <td>jack</td><td>music/td></tr>1.tr就表示一行2.th在表头的字段名称3.td标签  普通的单元格数据'''属性:● border: 表格边框.● cellpadding: 内边距● cellspacing: 外边距.● width: 像素 百分比.(最好通过css来设置长宽)● rowspan: 单元格竖跨多少行● colspan: 单元格横跨多少列(即合并单元格)'''
	 <table border="1px" cellpadding="20px" ><thead><tr><th>序号</th><th>姓名</th><th>爱好</th></tr></thead><tbody><tr><td>1</td><td>oscar</td><td>music</td></tr><tr><td>2</td><td>jack</td><td>rap</td></tr><tr><td>3</td><td>tom</td><td>jump</td></tr></tbody></table>

在这里插入图片描述

form标签(表单标签)
	可以获取到用户输入(输入、选择、上传)的数据并发送给后端服务器<form action="" method=""></form>action属性用于控制数据的提交地址,不写的话就是朝当前页面所在的地址提交(不填提交则是清除数据)method属性用户控制请求的方法(get\post)表单能够包含input系列标签,比如文本字段、复选框、单选框、提交按钮等等。表单还可以包含textarea、select、fieldset和 label标签。select标签 下拉框option标签	一个个选项'''属性说明:● multiple:布尔属性,设置后为多选,否则默认单选● disabled:禁用● selected:默认选中该项● value:定义提交时的选项值'''textarea标签  获取大段文本'''属性说明:● name:名称● rows:行数● cols:列数● disabled:禁用'''

input标签

type属性值表现形式对应代码
text单行输入文本<input type=“text” / >
password密码输入框<input type=“” / >
date日期输入框<input type=“date” / >
checkbox复选框<input type=“checkbox” / >
radio单选框<input type=“radio” / >
submit提交按钮<input type=“submit” value=“提交” / >
reset重置按钮<input type=“reset” value=“重置”/ >
button普通按钮<input type=“button” / >
hidden隐藏输入框<input type=“hidden” / >
file文本选择框<input type=“file” / >
	属性说明:● name:表单提交时的“键”,注意和id的区别● value:表单提交时对应项的值○ type="button", "reset", "submit"时,为按钮上显示的文本年内容○ type="text","password","hidden"时,为输入框的初始值○ type="checkbox", "radio", "file",为输入相关联的值● checked:radio和checkbox默认被选中的项● readonly:text和password设置只读● disabled:所有input均适用

form标签使用

	<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<!--表单控件-->
<form><p><!--文本--><label for="name" readonly="123">username:</label><input type="text" placeholder="请输入用户名" id="name"></p><p><!--密码框--><label for="pwd">password:</label><input type="password" placeholder="请输入密码" id="pwd"></p><p><label for="birthday">birthday:</label><input type="date" id="birthday"></p><! --下拉框-->address:<select name="城市" id="sl"><option value="上海">上海</option><option value="北京" select="select">北京</option><option value="武汉">武汉</option></select><p><!--单选框--><label for="male"></label><input type="radio" checked="checked" name="dx" id="male">&nbsp;&nbsp;<label for="fmale"></label><input type="radio" name="dx" id="fmale">&nbsp;&nbsp;<label for="wz" disabled>未知</label><input type="radio" name="dx" id="wz"></p><!--复选框--><p><input type="checkbox" checked>记住账户</p><p><!--提交按钮--><input type="submit" value="提交"><!--重置按钮--><input type="reset" value="重置"></p><button title="">按钮</button><textarea name="" id="" cols="30" rows="10"></textarea><p><! --文件框--><input type="file" multiple></p></form></body>
</html>

在这里插入图片描述

表单补充知识

基于form表单发送是数据

1.用于获取用户数据的标签至少应该有name属性

name属性相当于字典的键,用户输入的数据会被保存到标签的value属性中,value属性相当于字典

2.如果不需要用户填写数据,只需要选择,那么我们需要自己填写value

	<input type="radio" name="gender" value="male">注意:没有name属性的标签 form标签绑定,但是也可以不写

3.针对input标签理论上应该配一个label标签绑定,但是也可以不写

	1.自定义输出<label for="">username:<input type="text"> </label>2.绑定文件<label for="user">username:</label><input type=:"text" id="user"> 

4.标签的属性如果和属性值相等,那么可以简写

	<input type="file" multiple="multiple"> #完整写法<input type="file" multiple> # 简写 

5.针对选择类型的标签可以提前设置默认选项

	checked<input type="checkbox" checked="checkbox">草莓  # 标签属性规范写法<input type="checkbox" name = "juice" checked>果汁  #简写selected<option value="" selected="selected">上海</option> # 规范写法<option value="" selected>上海</option> # 简写

6.下拉框与文件可以复选

	<input type="file" multiple><select name="" id="" multiple>

7.单独写input会飘黄

	直接编写input会出现黄色阴影,原因在于input需要结合label一起使用方式1:label包裹input并绑定id<label for="input标签的id值">input标签</label>方式2:label与input单独出现并绑定id<label for="inp1">username:</label><input type="text" id="inp1">

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/176843.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

SpringCloud(二) Eureka注册中心的使用

在SpringCloud(一)中,我们学会了使用RestTemplate进行远程调用,但是在调用user-service时候需要在order-service中发送http请求,请求中需要书写对应微服务的ip和端口号,十分不方便,如果此时有多个user-service实例的话,就不知道调用哪个了(除非每次调用的时候都对ip和端口号进行…

论文-分布式-并发控制-并发控制问题的解决方案

目录 参考文献 问题 解法与证明 易读版本 参考文献 Dijkstra于1965年发表文章Solution of a Problem in Concurrent Programming Control&#xff0c;引出并发系统下的互斥(mutual exclusion)问题&#xff0c;自此开辟了分布式计算领域Dijkstra在文中给出了基于共享存储原子…

sqlite3 关系型数据库语言 SQL 语言

SQL(Structured Query Language)语言是一种结构化查询语言,是一个通用的,功能强大的关系型数据库操作语言. 包含 6 个部分: 1.数据查询语言(DQL:Data Query Language) 从数据库的二维表格中查询数据,保留字 SELECT 是 DQL 中用的最多的语句 2.数据操作语言(DML) 最主要的关…

易点天下受邀参与云栖大会,以AIGC重塑出海营销新范式

10月31日&#xff0c;2023云栖大会在杭州云栖小镇拉开帷幕。与往年不同&#xff0c;今年的云栖大会以“计算&#xff0c;为了无法计算的价值”为主题&#xff0c;与国际潮流科技大会组织方式接轨&#xff0c;通过云计算、人工智能、产业创新三大主题馆40000平科技展&#xff0c…

redis缓存穿透

redis缓存穿透 模拟一个缓存穿透的环境&#xff1a; redis缓存穿透1. 准备一个GET请求并且在第一次访问的时候将数据写入缓存2. 再次访问的时候首先判断缓存是否命中3. 命中了直接返回&#xff0c;未命中重建缓存1. 缓存空对象2. 布隆过滤器 1. 准备一个GET请求并且在第一次访问…

avi怎么转mp4?

avi怎么转mp4&#xff1f;如今市面上涌现了各种多样的视频格式&#xff0c;其中AVI作为一种音频视频交错格式&#xff0c;虽然使用较少但相对常见。它的优点在于占用空间较小&#xff0c;但画面质量并不是很出色。然而&#xff0c;AVI格式也存在一个明显的缺点&#xff0c;即兼…

柯桥专升本学校,自考本科文凭的价值如何?

自考本科文凭的价值如何&#xff1f; 自考本科学历是通过独立学习和考试获得的一种本科学历。对于自考本科学历的价值&#xff0c;很多人感到困惑&#xff0c;那么究竟自考本科学历有多大的价值呢? 首先&#xff0c;在就业市场上&#xff0c;自考本科学历具有一定的竞争力。随…

VBA技术资料MF77:组合所选范围中的所有形状

我给VBA的定义&#xff1a;VBA是个人小型自动化处理的有效工具。利用好了&#xff0c;可以大大提高自己的工作效率&#xff0c;而且可以提高数据的准确度。我的教程一共九套&#xff0c;分为初级、中级、高级三大部分。是对VBA的系统讲解&#xff0c;从简单的入门&#xff0c;到…

横屏签字板手写签名并旋转90°转为横屏显示base64

手写签名并旋转90转为横屏显示base64 base64 data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAApsAAAF3CAYAAADq/IAAAAAAAXNSR0IArs4c6QAAIABJREFUeF7t3W3MPlldH/CvwLK7wEKNoiABZLvYiBqIdJGnQlor9gVBaAtJmzQsoI2wgKD4hqVNmrD7ohWhPFRSIgaKO0XTS8AVLb4AIVtFnaSiMPSktxoyVVWFxAF…

我的云栖大会之旅:见证云计算创新的15年

云栖大会&#xff0c;曾经是一次不可思议的科技之旅&#xff0c;却如今已见证了我对云计算世界的15年关注和发展。第一次踏上云栖大会之旅&#xff0c;我记得是在2009年。那时的云计算还是一个新生事物&#xff0c;而云栖大会正是其中的奠基石。 我清楚地记得那个炎热的夏天&am…

OpenCV标定演示,及如何生成标定板图片

标定的程序在官方的源码里有&#xff0c; opencv-4.5.5\samples\cpp\tutorial_code\calib3d\camera_calibration 很多小白不知道怎么跑起来&#xff0c;这个也怪OpenCV官方&#xff0c;工作没做完善&#xff0c;其实的default.xml是要自己手动改的&#xff0c;输入的图片也要…

【QT】鼠标常用事件

新建项目 加标签控件 当鼠标进去&#xff0c;显示【鼠标进入】&#xff0c;离开时显示【鼠标离开】 将QLable提升成自己的控件&#xff0c;然后再去捕获 添加文件 改继承的类名 提升类 同一个父类&#xff0c;可以提升 效果 现在代码就和Qlabel对应起来了。 在.h中声明&…

Linux———— 运算命令

Shell与其他编程语言一样&#xff0c;支持多种类型的运算符&#xff0c;包括&#xff1a; 算术运算符&#xff1a;用于执行数学运算&#xff0c;例如加法、减法、乘法和除法。 关系运算符&#xff1a;用于比较两个值之间的关系&#xff0c;例如相等、大于、小于等。 布尔运算…

FPGA 如何 固化程序到 FLASH中

1、导出Hardware 2、导出bit文件 3、打开SDK 4、 点击Ok 5、创建工程 6、 输入工程名称&#xff1a;guhua 7、选择 Zynq FSBL 8、单击 guhua、然后点击 build 点击&#xff1a;build all 9、 右键之后&#xff0c;点击&#xff1a;Creat Boot Image 10、点击 Cr…

项目解读_v2

1. 项目介绍 如果使用task2-1作为示例时&#xff0c; 运行process.py的过程中需要确认 process调用的是函数 preprocess_ast_wav2vec(wav, fr) 1.1 任务简介 首个开源的儿科呼吸音数据集&#xff0c; 通过邀请11位医师标注&#xff1b; 数字听诊器的采样频率和量化分辨率分…

大厂面试题-网络四元组

四元组&#xff0c;简单理解就是在TCP协议中&#xff0c;去确定一个客户端连接的组成要素&#xff0c;它包括源 IP地址、目标IP地址、源端口号、目标端口号。 正常情况下&#xff0c;我们对于网络通信的认识可能是这样(如图)。 服务端通过Server Socket建立一个对指定端口号…

商城性能测试LoadRunner快速上手教学

软件介绍 Virtual User Generator &#xff0c;记录用户流程并创建一个自动化性能测试脚本Controller&#xff0c;单一控制点&#xff0c;轻松、有效地控制所有Vuser&#xff0c;执行期间监控场景性能Analysis&#xff0c;生成性能测试报告&#xff0c;以图表形式呈现。 由于…

UE5使用Dash插件实现程序化地形场景制作

目录 0 dash下载后激活 1 初步使用 2 导入bridge的资产路径 3 练习成果 4 参考链接 0 dash下载后激活 1 初步使用 Dash插件点击蓝色的A&#xff0c;可以使用。 通过输入不同提示命令&#xff0c;来激活不同的功能。 2 导入bridge的资产路径 这里需要注意是UAsserts…

解决Linux Debian12系统中安装VirtualBox虚拟机无法使用USB设备的问题

Debian12系统中安装VirtualBox&#xff0c;再VirtualBox虚拟机中无法使用 USB设备。如下图所示&#xff1a; 解决方法如下&#xff1a; 1.安装 Virtualbox增强功能。如下图所示&#xff1a; 2.添加相关用户、用户组&#xff08; Virtualbox 装完成后会有 vboxusers 和 vboxs…