[html]网页结构以及常见标签用法

哎,我服了,明明之前学了html的,但时间一长我就忘记了,本来flask学到视图了,但涉及到了html我觉得还是需要重新回顾一下,,,,,,

web开发技术栈一共有3门语言。分别是:

  • HTML:译作超文本标记语言,负责通过标签来表达网页的页面结构

    开发者要遵循结构标准,就需要使用HTML来开发网页的内容与结构,需要遵循HTML语法。

  • CSS:译作层叠样式表标记语言,负责通过属性标记来表达网页的外观效果

    开发者要遵循外观标准,就需要使用CSS来设计或修改网页的外观效果,需要遵循CSS语法。

  • javascript: 简称js,负责通过编程代码来表达网页的行为特效

    开发者要遵循行为标准,就需要使用javascript来编写网页的动态特效以及数据交互能力,需要遵循javascript ECMA语法。

HTML网页的基本结构
<!DOCTYPE html>--表示接下来的内容都是html的内容,让浏览器按html语法进行解析
<html lang="en">--整个网页的标签,代表网页的开始<head>  --head代表网页的头部<title>我的网页标题</title><meta charset="utf-8"></head><body>--这里是网页的主体,允许用户进行查看</body>
</html> --网页的结尾
标签名类型描述
<!DOCTYPE html>单标签告诉浏览器接下来所有的内容是HTML代码, 需要使用HTML解析器来识别。
<html></html>双标签告诉浏览器,这对html标签里面的内容就是网页内容。
<head></head>双标签告诉浏览器,这是html网页的头部信息,例如:网页标题,编码类型,网页关键字等....
<body></body>双标签告诉浏览器,这是html网页的正文内容。
<title></title>双标签属于head的子标签,告诉浏览器,这是html网页的网页标题。
<meta charset="UTF-8" />单标签告诉浏览器,这是一个utf-8编码的网页。

语法

HTML中的语法有2种:标签、注释。

注释

不会被用户所看到,但是可以在浏览器中,通过鼠标右键->查看网页源代码,让开发人员查看

<!--这就是注释,哎,前面那个我嫌麻烦就没这样子做-->
标签

标签[Tag],表示HTML网页内容的一个最基本的组织单元,类似语文里面的标点符号,标签的作用就是告诉浏览器当前标签中的内容是有什么作用,要以什么格式进行展示的。

标签从书写结构上分2种:

  • 单标签,格式:<标签名> 或者 <标签名 />
  • 双标签。格式:<标签名>标签内容</标签名>

标签从组织结构上分2种:内容标签和结构标签。

  • 内容标签:主要包含和展示内容的,部分标签可以包含其他的内容标签。
  • 结构标签:主要用于包含其他标签,一般结构标签内部不会直接包含网页内容[文本、图片、视频、音频等]。

单标签

只有1个标签名的标签,就是单标签。书写格式:

<标签名>
<标签名 />
<标签名 属性名="属性值"/>

常见的单标签

标签名描述
<meta>元信息标签
<link>css外观样式的外链引入标签,类似python中的import
<img>图片标签
<input>输入框标签
<br/>换行标签,浏览器默认是不识别HTML源码文件中的换行与空格的,所以需要使用br标签告诉浏览器在什么位置需要换行。
<hr>分割线标签,代表分割内容的一条横线,代表前面的内容已经结束了,横线下方的内容与上方内容没有关联。

双标签

<标签名></标签名>
<标签名 属性名="属性值" 属性名></标签名>

常见的双标签

标签名描述
<h1></h1>网页的一级标题
<h2></h2>网页的二级标题
...
<h6></h6>网页的六级标题
<p></p>网页的段落
<a></a>网页超链接
<div></div>块级结构标签
<span></span>行级结构标签
<form></form>表单标签,表示网页的一个提供给用户输入数据的表单
<ul></ul>无序列表结构标签,表示网页的一个内容列表
<li></li>列表项目标签
<table></table>表格标签,表示网页的一个表格

常见标签使用

标题和段落

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><!-- HTML中的标签是HTML语法提供的,所以每一个标签都是固定标签名 --><h1>h1标题:常用于网站的logo,网站标题</h1><h2>h2标题:常用于网站的板块标题、栏目标题</h2><h3>h3标题:常用于网站的板块标题、栏目标题</h3><h4>h4标题:常用于网站的附加板块标题,或者文章的标题</h4><h5>h5标题:更小级别的标题,基本用不到</h5><h6>h6标题:更小级别的标题,基本用不到</h6><p>p->段落:Hyper Text Markup Language</p>
</body>
</html>
标签的属性

标签的作用就是用于展示内容,但是内容有时候并非文本,而且文本的展示需要附加一些额外效果时,就需要使用标签的属性来声明。不管是什么标签,都有属性[Attribute]。标签的属性有两种:

  • 普通属性:

    属性与属性值使用 = 号关联 ,属性值使用单引号或双引号圈住,建议使用双引号。

  • 布尔属性:

    只有属性名,没有属性值。当标签里面写上这个属性名,则其值就是True,标签没有属性名,则为False

<!DOCTYPE html>
<html lang="en"> <!-- lang 就是HTML标签的属性,代表当前网页的默认语言language:en表示 english -->
<head><meta charset="UTF-8"> <!-- charset,是meta元信息标签的属性,表示当前网页的编码是utf-8 --><title>Title_python学习网页</title>
</head>
<body><!-- 双标签的属性 --><!--align:文本的水平对齐方式:left左[默认值],center中,right右title:表示当前标签的补充提示,当用户把鼠标放在当前标签上方则自动title属性的值--><h1 align="left" title="提示文本">h1标题:常用于网站的logo,网站标题</h1><h2 align="center" title="用于提示而已">h2标题:常用于网站的板块标题</h2><h3 align="right">h3标题:常用于网站的板块标题</h3><h4>h4标题</h4><h5>h5标题</h5><h6>h6标题</h6><p align="center" title="用于提示而已">p->段落:Hyper Text Markup Language</p><!-- 单标签的属性:单标签是没有内容的,所以需要依赖于属性来展示对应的内容 --><img src="./goods.png"> <!-- src就是用于展示图片的内容 --><input type="number">   <!-- 输入框标签[数值输入框],number表示只允许当前输入框中只能输入数值 --><input type="password"> <!-- 输入框标签[密码输入框],password表示当前输入任何内容都是密码,所以不会展示出来  --><input type="text">     <!-- 输入框标签[单行文本输入框],text表示只允许用于输入一行内容内容,不能回车换行 --><input type="datetime-local"> <!-- 时间输入框,只需要用户输入时间日期 -->
</body>
</html>

换行、分割、超链接

<!DOCTYPE html>
<html lang="en"> <!-- lang 就是HTML标签的属性,代表当前网页的默认语言language:en表示 english -->
<head><meta charset="UTF-8"> <!-- charset,是meta元信息标签的属性,表示当前网页的编码是utf-8 --><title>Title_python学习网页</title>
</head>
<body><h1>将进酒</h1><a href="https://baike.baidu.com/item/将进酒">李白</a><p>君不见黄河之水天上来,奔流到海不复回。<br>君不见高堂明镜悲白发,朝如青丝暮成雪。<br><br>人生得意须尽欢,莫使金樽空对月。</p><hr><h2>译文</h2><p>你难道没有看见吗?那黄河之水犹如从天上倾泻而来,波涛翻滚直奔大海从来不会再往回流。<br>你难道没有看见,在高堂上面对明镜,深沉悲叹那一头白发?早晨还是黑发到了傍晚却变得如雪一般。<br>人生得意之时就要尽情的享受欢乐,不要让金杯无酒空对皎洁的明月</p>
</body>
</html>

超链接用法

超链接有2种常用用法:页面跳转、下载文件。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><!--页面跳转: 如果href的值是网络地址,可以跳转到跳转到指定的网页--><a href="http://www.baidu.com">跳转到百度</a><!--页面跳转: 如果href的值是本地地址,则可以跳转到本地的内部网页 --><a href="ces.html">跳转到本地页面</a><!-- 下载资源:当href的值是一个浏览器无法直接展示的内容格式时,浏览器会自动下载当前路径对应的内容 --><a href="./html.chm">点击下载手册</a><!-- 下载资源:当href的值是一个浏览器可以直接识别并展示的内容格式时,用户可以鼠标右键,对当前href的数值的内容进行另存为下载 --><a href="./goods.png">点击下载图片[鼠标右键,另存为]</a>
</body>
</html>

实际上页面跳转也是属于下载文件。因为用户能在浏览器里面看到的所有内容,实际上都是经过浏览器下载到本地,用户才能看到的。我们可以通过 F12 -> 打开开发者工具 -> network(网络)       或者右键检查找到网络也可以进行查看

列表标签

列表是一种结构标签,可以让网页的内容形成列表格式。

列表标签在HTML中提供提供了4种:

  1. 无序列表(UnorderList,ul)就是没有序号的,内容不分先后的列表。

  2. 有序列表(OrderList,ol)

  3. 定义列表(DefineList,dl)

  4. 菜单列表(Menu)

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><!--无序列表, unordered list,简写: ul列表的单项  list item 简写:li--><ul type="circle"><li>列表的第一项</li><li>列表的第二项</li><li>列表的第三项</li></ul><!--有序列表, ordered list,简写:ol列表的单项  list item   li--><ol><li>列表的第一项</li><li>列表的第二项</li><li>列表的第三项</li></ol><!--和任何一个双标签一样,标签内部可以嵌套的标签来使用。--><ul><li><p>第一章:开端</p><ul><li>第一节:下山</li><li>第二节:命案</li><li>第三节:奇遇</li><li></li><li></li></ul></li></ul><dl><dt>赵本山</dt><dd>春晚常驻选手,国内一线大品牌</dd><dd>乡村爱情故事,二人转,小品</dd><dt>小明</dt><dd>国内所有小朋友的同学,每次都从教室里面滚出去的哪一个。</dd></dl><menu><li>首页</li><li>商品分类</li><li>购物狂欢节</li><li>会员中心</li></menu>
</body>
</html>

几种列表标签中最常用的只有**ul**,当然也有新版本的menu标签。其他的2种标签(ol与dl),基本不使用。

表单标签

是HTML中最终的标签之一,主要是提供了输入框或按钮等标签提供给用户进行交互输入数据。将来表单可以提交到指定服务端程序中进行数据处理。

form标签

属性描述
action设置当前表单的表单数据处理应用程序的url地址,默认值是当前url地址。
method设置当前表单的HTTP提供方式,默认是get。
get,以查询字符串的格式,把表单数据附加在url地址栏上提交数据
post,以数据包格式,把表单数据附在HTTP网络请求体中提交数据
enctype

设置当前表单提交的数据格式,默认值是application/x-www-form-urlencoded。
application/x-www-form-urlencoded:以普通表达数据格式提交
multipart/form-data:以多种数据格式提交
text/plain:以纯文本数据格式提交

表单项标签

类型用法描述
单行文本框<input type="text" name="" value="" placeholder="">name:设置输入框的值的变量名称,用于服务端接受数据。
value:设置输入框的默认值。
placeholder:设置输入框的提示内容。
密码框<input type="password" name="" value="" placeholder="">只允许输入单行密码,属性描述同上
单行文本框(数值框)<input type="number" name="" value="" placeholder="">只允许输入数值内容,属性描述同上。
就版本浏览器中不支持时会被默认为text单行文本框。
单行文本框(日期输入框)<input type="date" name="">只允许输入日期格式内容,属性描述同上。
低版本浏览器中不支持时会被默认为text单行文本框。
单行文本框(时间输入框)<input type="time" name="">只允许输入时间格式内容,属性描述同上。
低版本浏览器中不支持时会被默认为text单行文本框。
单行文本框(日期时间输入框)<input type="datetime-local" name="">只允许输入日期时间格式内容,属性描述同上。
低版本浏览器中不支持时,会被默认为text单行文本框。
文件上传框<input type="file" multiple name="">multiple:布尔属性,允许一次性上传多个文件。
其他属性描述同上。
单选框<input type="radio" name="" value="">用于提供一组多个选择让用户选一个选项的按钮组。
多个单选框必须name值相同才能为一组。
同一组单选框中的value值必填,而且值要唯一。
多选框<input type="checkbox" name="fav" value="1">用于提供一组多个选择让用户选多个选项的按钮组。
多个多选框必须name值相同才能为一组。
同一组多选框中的value值必填,而且值要唯一。
下拉列表框<select name="">
<option value="选项1值">选项1</option>
<option value="选项2值">选项2</option>
<option value="...">...</option>
<option value="选项n值">选项n</option>
</select>
属性描述同上。
多行文本框/文本域<textarea name="" cols="" rows=""></textarea>cols:设置多行文本框默认列数[宽度]
rows:设置多行文本框默认行数[高度]
注意:多行文本框标签中的任意内容都会被原样记录。
提交按钮<input type="submit" value="提交">value:表示当前按钮的提示文本。
用于提交表单数据到action属性对应的地址中。
普通按钮<input type="button" value="">属性描述同上,主要用于配合js完成网页特效。
普通按钮<button></button>普通按钮,中间可以显示图片或文本。
主要用于配合js完成网页特效。
重置按钮<input type="reset" value="重置">点击以后,会把当前表单中用户输入的所有内容进行还原到页面刚刷新状态。
隐藏域输入框<input type="hidden" name="" value="">隐藏域输入框的作用是附带一些默认数据提交给服务端,但是不希望用户看到。

表单项常用属性

属性名描述
name表示当前表单项的值的变量名,用于提供服务端获取本次提交的数据项。
value表示当前表单项的值,如果值在代码中提前设置了,则为默认值
type表示input框的类型
disabled布尔属性,设置当前输入框是否被禁用
maxlength设置当前输入框[textarea,input]中最大输入内容的长度。
multiple设置允许文件上传框选择上传多个文件

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>表单</title>
</head>
<body><!-- 表单/<form>    表单标签,告诉浏览器,form内部的所有输入标签都是表单的内容,后面一并提交。action  表单数据提交的服务器地址<input>   输入标签/输入框/输入按钮type 设置输入框的类型text      告诉浏览器,当前input属于单行文本框password  告诉浏览器,当前input属于密码框file      告诉浏览器,当前input属于上传文件框submit    告诉浏览器,当前input输入提交表单的提交按钮radio     告诉浏览器,当前input属于单选框checkbox  告诉浏览器,当前input属于多选框reset     告诉浏览器,重置当前表单的数据<select>  下拉列表option    告诉浏览器,这是下拉列表中的其中一个选项textarea  多行文本框cols  设置框的列数[宽度]rows  设置框的行数[高度]--><h2>登录表单</h2><form action="">登录帐号:<input type="text"><br><br>登录密码:<input type="password"><br><br><input type="submit" value="登录"></form><h2>百度搜索</h2><form action="http://www.baidu.com/s"><input type="text" name="wd"><input type="submit" value="百度一下"></form><h2>注册表单</h2><form action="">账户:<input type="text" name="username"><br><br>密码:<input type="password" name="password"><br><br>邮箱:<input type="emai" name="email"><br><br>姓别:<label><input type="radio" name="sex" value="1">男</label><label><input type="radio" name="sex" value="0">女</label> <br><br>爱好:<label><input type="checkbox" name="lve" value="swimming">游泳</label><label><input type="checkbox" name="lve" value="pc_game">电脑游戏</label><label><input type="checkbox" name="lve" value="card">卡牌游戏</label><label><input type="checkbox" name="lve" value="wark">爬山</label><br><br>所在城市:<select name="province"><option value="">广东</option><option value="">广西</option><option value="">湖南</option><option value="">湖北</option><option value="">河南</option><option value="">河北</option><option value="">北京</option><option value="">天津</option><option value="">重庆</option><option value="">上海</option></select><select name="city"><option value="">广州</option><option value="">佛山</option><option value="">深圳</option></select><br><br>备注:<br><textarea name="remark" cols="60" rows="10"></textarea><br><br><input type="submit" value="提交"><input type="reset" value="重置"></form>
</body>
</html>
表格标签

表格系列标签主要是可以数据以表格的格式展示出来。但是现在table表格已经很少使用了,而是改成div+css实现更漂亮的表格。

标签描述
<table></table>表示网页的一个表格,内部一般直接嵌套的是tr标签。
<tr></tr>表示表格的一行,内部直接嵌套的只能是td或者th标签。
<td></td>表示表格的一个单元格,也可以是一列,可以包含其他标签或内容。
<th></th>表示表格的表头的一个单元格,可以包含其他标签或内容。
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><!--基础单元格--><table border="1"><tr><td>1行1列</td></tr></table><!-- 第二个:多行的表格 --><table border=""><tr><td>1行1列</td><td>1行2列</td></tr><tr><td>2行1列</td><td>2行2列</td></tr></table><!-- 第三个:有表头的表格 --><table border="0" align="center" width="300px;"><tr><th>ID</th><th>姓名</th><th>年龄</th><th>性别</th></tr><tr><td>001</td><td>小龟龟</td><td rowspan="2">13</td><td>男</td></tr><tr><td>002</td><td>小红红</td><td>女</td></tr><tr><td>003</td><td colspan="3">17的小男孩</td></tr></table>
</body>
</html>

合并单元格

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><table width="800" border="1"><tr><!-- colspan 表示当前单元格[td,th]占据2列 --><th colspan="2">form标签属性说明</th></tr><!-- tr>th*2 --><tr><th>属性</th><th>描述</th></tr><tr><td>action</td><td>设置当前表单的表单数据处理应用程序的url地址,默认值是当前url地址。</td></tr><!-- tr>td*2 --><tr><!--设置当前单元格,占据3行的空间  --><td rowspan="3">method</td><td>设置当前表单的HTTP提供方式,默认是get。</td></tr><tr><td>get,以<b>查询字符串</b>的格式,把表单数据附加在url地址栏上提交数据</td></tr><tr><td>post,以<b>数据包</b>格式,把表单数据附在HTTP网络请求体中提交数据</td></tr><tr><td rowspan="4">enctype</td><td>设置当前表单提交的数据格式</td></tr><tr><td>application/x-www-form-urlencoded:默认值,以普通表达数据格式提交</td></tr><tr><td><b>multipart/form-data</b>:以多种数据格式提交</td></tr><tr><td>text/plain:以纯文本数据格式提交</td></tr></table>
</body>
</html>

表格嵌套

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><table width="1680" align="center"><tr><td><table align="center" width="1024"><tr><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><table width="100%" border="1"><tr><td width="300"><table><tr><td>全部赛程</td><td width="20%">更多 > </td></tr><tr><td colspan="2"><ul><li>中国对日本</li><li>韩国对日本</li><li>朝鲜对日本</li><li>俄罗斯对日本</li></ul></td></tr></table></td><td><img src="goods.png" width="100%" height="250" alt=""></td><td width="450">右</td></tr></table></td></tr></table>
</body>
</html>
媒体标签
img    图片
audio  音频
video  视频
标签常见格式描述
<img src="" alt="">pngjpg/jpeggif(动态图片格式),svgwebptiff图片
<audio controls autoplay>
<source src="">
</audio>
mp3mpegogg,wma,aac,ogv音频
<video width="" controls autoplay src=""></video>mp4mpegogg,ogv,mov,flv,视频

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>我的网页标题</title></head><body><!-- 图片 --><img src="../素材/1.png" width="400px" height="400px"><!-- 音频--><audio controls><source src="../素材/horse.ogv" type="audio/ogg"></audio><!-- 视频 --><video width="600px" controls autoplay src="../素材/movie.ogv"></video></body>
</html>

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

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

相关文章

excle如何设置自动显示星期几

目录 一.目的 二.范例结果 三.处理方式 一.目的 excle依据日期&#xff0c;设置后自动显示星期几。 二.范例结果 三.处理方式 公式1TEXT(XXX,DDDD) 公式2TEXT(XXX,DDD)

小程序View点击响应传递多个参数

小程序开发中&#xff0c;view的点击事件是通过bindtap绑定的&#xff0c;比如&#xff1a; <view classpay-button bindtapgotoDetail id{{item.id}}>查看详情</view> 在js文件中是这样获取参数id的&#xff1a; gotoDetail: function(e) {var id e.currentTar…

Java提供了哪些API用于集合类的操作?

Java提供了丰富的API用于集合类的操作。这些API涵盖了各种集合类型&#xff0c;包括List、Set、Queue、Map等&#xff0c;以及它们各自的实现类&#xff0c;如ArrayList、LinkedList、HashSet、LinkedHashSet、PriorityQueue、HashMap、LinkedHashMap等。 以下是一些常用的Jav…

银河麒麟桌面版v10系统安装windows的exe应用-使用CrossOver安装exe软件

银河麒麟桌面版V10系统属于Linux系统&#xff0c;要想在上面运行windows系统下的exe应用是可以实现的&#xff08;理论上可以实现&#xff0c;但实际中受限系统版本&#xff0c;虚拟windows应用的软件版本等多种问题&#xff0c;在安装使用的时候&#xff0c;并不能全部成功&am…

华纳云:Windows系统服务器分盘的操作方法

在Windows服务器的管理中&#xff0c;合理分配磁盘空间对于数据存储和系统运行至关重要。然而&#xff0c;许多用户可能不清楚如何进行磁盘分区操作。本文将介绍Windows系统服务器分盘的操作方法&#xff0c;帮助用户轻松管理磁盘空间。 步骤如下&#xff1a; 打开磁盘管理工具…

Kolla-ansible部署OpenStack集群

0. OpenStack 部署 系统要求 单机部署最低配置&#xff1a; 2张网卡8G内存40G硬盘空间 主机系统&#xff1a; CentOS Stream 9Debian Bullseye (11)openEuler 22.03 LTSRocky Linux 9- Ubuntu Jammy (22.04) 官方不再支持CentOS 7作为主机系统&#xff0c;我这里使用的是R…

第十届蓝桥杯大赛个人赛省赛(软件类) CC++ 研究生组2.0

A立方和 #include<iostream> #include<cmath> using namespace std; int main(){int n, t, flag, x;long long ans 0;for(int i 1; i < 2019; i){t i;flag 0;while(t && !flag){x t % 10;if(x 2 || x 0 || x 1 || x 9) flag 1;t / 10;}if(fl…

Rust - 函数

Rust中通过 fn 关键字来声明某个函数。 针对函数名&#xff0c;Rust使用snake case命名规范&#xff0c;即所有的字母都是小写的&#xff0c;单词之间使用下划线分开。 fn main() {println!("Hello, world!");another_function(); //函数调用 }fn another_function…

域名过期时间怎么计算?

域名是互联网上的重要标识&#xff0c;它帮助用户快速找到并访问特定的网站。为了维护域名的正常运行和避免不必要的麻烦&#xff0c;了解域名过期时间的计算和管理方式至关重要。 首先我们先来了解一下域名的各种状态及域名注册与删除周期。 通常情况下&#xff0c;英文国际域…

河南工业自动化领域的一线公司(依据工信部矿山领域公示名录)

1.原始信息来源&#xff1a; 工信部&#xff1a; 关于矿山领域机器人典型应用场景名单的公示 控制系统较监测系统在性能、安全上更趋严格&#xff0c;复杂性成倍增加。这里从工信部网站上爬到了一份在一个细分领域里投入研发&#xff0c;拥有既有产品的企业和产品名录&#…

vuex

1.概述 Vuex是实现组件全局状态&#xff08;数据&#xff09;管理的一种机制&#xff0c;可以方便的实现组件之间的数据共享 优点&#xff1a; 能够在vuex中集中管理共享的数据&#xff0c;便于开发和后期进行维护能够高效的实现组件之间的数据共享&#xff0c;提高开发效率…

流媒体的安全谁来保障

流媒体的安全谁来保障 说起媒体&#xff0c;我们马上就会想到报纸新闻、广播、电视。 其实所谓的流媒体同我们通常所指的媒体是不一样的&#xff0c; 它只是一个技术名词。流媒体到底是什么&#xff1f;能给我们的生活带来什么&#xff1f;跟小德一起来看看。 流媒体是什么&a…

大数据基本名词

目录[-] 1.1. 1. Hadoop1.2. 2. Hive1.3. 3. Impala1.4. 4. Hbase1.5. 5.hadoop hive impala hbase关系1.6. 6. Spark1.7. 7. Flink1.8. 8. Spark 和 Flink 的应用场景 1. Hadoop 开源官网&#xff1a;https://hadoop.apache.org/ Hadoop是一个由Apache基金会所开发的分…

使用Android完成案例教学

目录 题目&#xff1a;完成在Android平台下2个玩家分别利用2个手机连接在同一局域网下通过滑动摇杆分别使红飞机和黄飞机移动的开发。&#xff08;全代码解析&#xff09; 题目&#xff1a;完成在Android平台下2个玩家分别利用2个手机连接在同一局域网下通过滑动摇杆分别使红飞…

MongoDB聚合运算符:$max

文章目录 语法使用空值和缺失值的处理数组操作数的处理 举例在$group阶段使用在$setWindowFields阶段使用在$project阶段使用 $max聚合运算符用于返回最大值。 $max对于不同的类型的值使用BSON的比较顺序。 $max可以用于下面的这些阶段&#xff1a; $addFields$bucket$bucket…

解决unbuntu更新到23.10 mantic firefox无法使用的问题

产看历史版本号&#xff1a; 升级到最新版本后查看&#xff1a; roottesthost01:/home/test/Desktop# lsb_release -a No LSB modules are available. Distributor ID: Ubuntu Description: Ubuntu 23.10 Release: 23.10 Codename: mantic 打开firefox发现图标找…

【教程】四种方法将App打包为IPA文件类型

摘要 本教程总结了将App应用程序打包为IPA包的四种常用方法&#xff0c;包括Apple推荐的方式、iTunes拖入方法、自动编译脚本和解压改后缀名方法。每种方法都有其特点和适用场景&#xff0c;在实际开发中可以根据需求选择合适的方式进行打包。通过本教程&#xff0c;您将了解到…

mapper.xml特殊SQL语句汇总(持续更新中)

1.通用查询结果列 <sql id"Base_Column_List">user_id, user_name, user_password </sql>用法&#xff1a; <select id"selectUser" resultType"com.example.YourUser">SELECT<include refid"Base_Column_List"…

HTML2:列表和表格

列表 有序列表 ordered list ol 无序列表 unordered list ul 定义列表 definition list dl 1,有序列表 每条列表前自带一个序号 2,无序列表 每条列表前自带一个小圆点 3,定义列表 注意:dl中放的不是li列表而是dt列表和dd表项 dt代表术语标题 dd代表术语内容 一个…

服务器出现404错误怎么处理

很多站长使用虚拟主机或者云服务器做网站的以为这个就是空间商的问题&#xff0c;空间商主要服务虚拟主机的运维&#xff0c;跟404出现错误 并不完全直接关联的&#xff0c; 也是关于多方面的问题存在的&#xff0c; 现在由壹基比小鑫来给大家讲解下&#xff1a; 1.错误原因 HT…