宝塔服务器面板,一键全能部署及管理,送你10850元礼包,点我领取

看视频做的笔记:https://www.bilibili.com/video/BV1eb411n7AL?p=25&vd_source=774b01e6e991da71d49ca097f52b69ee

第一个HTML文件

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>测试</title>
</head>
<body>Hello World!
</body>
</html>

注:head标签里一般放一些引用文件
body标签里放具体的内容。
【自用】HTML笔记-编程部落

一、常用标签

1.1段落标签

段落标签用<p>段落内容</p>
例如:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>测试</title>
</head>
<body><p>段落一</p><p>段落二</p><p>段落三</p>
</body>
</html>

【自用】HTML笔记-编程部落

1.2 不同的标题标签

标题一标签用<h1>标题一</h1>
标题二标签用<h2>标题二</h2>
标题三标签用<h3>标题三</h3>
以此类推。例如:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>测试</title>
</head>
<body><h1>标题一</h1><p>段落一</p><p>段落二</p><p>段落三</p><h2>标题二</h2><p>段落一</p><p>段落二</p><p>段落三</p><h3>标题三</h3>
</body>
</html>

【自用】HTML笔记-编程部落

1.3 换行标签(单标签)

使用<br/>
例如:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>测试</title>
</head>
<body><h1>标题一</h1><p>段落一</p><br/><br/><p>段落二</p><p>段落三</p><h2>标题二</h2><p>段落一</p><p>段落二</p><p>段落三</p><h3>标题三</h3>
</body>
</html>

【自用】HTML笔记-编程部落

1.4 分割线标签(单标签)

使用<hr/> 直接放在需要分隔开的地方,例如:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>测试</title>
</head>
<body><h1>标题一</h1><p>段落一</p><hr/><p>段落二</p><hr/><p>段落三</p><h2>标题二</h2><p>段落一</p><p>段落二</p><p>段落三</p><h3>标题三</h3>
</body>
</html>

【自用】HTML笔记-编程部落

1.5 a标签(可跳转)

使用<a></a>
例如,添加一个百度的可跳转链接

<a href="https://www.baidu.com">百度</a>

效果:
【自用】HTML笔记-编程部落
如果希望不跳转到任何地方,href中内容可替换为#,例如:

<a href="#">百度</a>

1.6 在其他标签中使用标签link

例如,希望标题一可以跳转到百度,则可以在h1标签中嵌入a标签以及将对应的href属性赋值为百度的网址。代码如下:

<h1><a href="https://www.baidu.com">标题一</a></h1>

【自用】HTML笔记-编程部落

1.7 网页的title标签

只需要在head标签中添加一个title标签即可。

<head><meta charset="UTF-8"><title>网页的头标题</title>
</head>

【自用】HTML笔记-编程部落

1.8 添加注释

使用<!----> 例如:

<!--这是一条注释-->

1.9 显示图片

在body中使用标签imgs,例如:

<img src="123.jpg" alt="漩涡鸣人">

src表示源路径,此时为将123.jpg与该html代码放在同一目录下,alt为当把鼠标放到图片上时显示的内容,如果没有显示也不要奇怪,只是不同浏览器显示方式有所不同。
【自用】HTML笔记-编程部落
可以看到此时,图片过大,可以修改属性为:

<img src="123.jpg" alt="漩涡鸣人" width="400px" height="200px">

注:px为像素单位。
【自用】HTML笔记-编程部落

1.10 表格

使用table标签,tr表示行,td表示列,例如:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><!--这是一条注释--><title>网页的头标题</title>
</head>
<body><!--border为表边界的宽度--><table border="2"><!--tr表示行,td表示列--><tr><td>id</td><td>name</td><td>job</td></tr><tr><td>1</td><td>张三</td><td>医生</td></tr><tr><td>2</td><td>李四</td><td>教师</td></tr></table>
</body>
</html>

【自用】HTML笔记-编程部落

1.11 有序列表和无序列表

无序列表使用标签ul,然后在列表里嵌入li标签。例如:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><!--这是一条注释--><title>网页的头标题</title>
</head>
<body><ul><li>第一行无序列表</li><li>第一行无序列表</li><li>第一行无序列表</li></ul>
</body>
</html>

【自用】HTML笔记-编程部落
有序列表,只需把ul改为ol。例如:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><!--这是一条注释--><title>网页的头标题</title>
</head>
<body><ul><li>第一行无序列表</li><li>第一行无序列表</li><li>第一行无序列表</li></ul><ol><li>第一行有序列表</li><li>第一行有序列表</li><li>第一行有序列表</li></ol>
</body>
</html>

1.12 自定义列表

使用dl表示自定义标题,dt+dd为一组。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><!--这是一条注释--><title>网页的头标题</title>
</head>
<body><dl><dt>标题一</dt><dd>标题一下的内容</dd><dt>标题二</dt><dd>标题二下的内容</dd><dt>标题三</dt><dd>标题三下的内容</dd></dl>
</body>
</html>

【自用】HTML笔记-编程部落

二、常用form表单元素

创建一个form标签,然后在标签内添加内容。

2.1 输入文本框(type=text)

创建一个可见输入文本框:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><!--这是一条注释--><title>网页的头标题</title>
</head>
<body><form action=""><!--id表示给其取一个唯一的名字,type=text为文本框--><input type="text"></form>
</body>
</html>

可以在文本框里输入一些数据:
【自用】HTML笔记-编程部落
如果需要给 文本框添加一个标签,则需要添加一个label标签。并在label标签里使用for绑定文本框的id,并且在label标签里写需要显示的内容,比如要显示成name:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><!--这是一条注释--><title>网页的头标题</title>
</head>
<body><form action=""><!--id表示给其取一个唯一的名字,type=text为文本框--><label for="name-input">name</label><input id="name-input" type="text"/></form>
</body>
</html>

【自用】HTML笔记-编程部落
如果需要输入文本框里的数据是不可见的,则需要将input的type改为“password”。
例如:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><!--这是一条注释--><title>网页的头标题</title>
</head>
<body><form action=""><!--id表示给其取一个唯一的名字,type=text为文本框--><label for="name-input">name</label><input id="name-input" type="text"/><br/>  <!--br为换行标签--><label for="pwd-input">password</label><input id="pwd-input" type="password"/></form>
</body>
</html>

【自用】HTML笔记-编程部落

2.2 单选框(type=radio)

例如,选择男女性别时用到单选框。name相同表示他们为同一组。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><!--这是一条注释--><title>网页的头标题</title>
</head>
<body><form action=""><!--id表示给其取一个唯一的名字,type=radio为单选框--><label for="h-male"></label><input id="h-male" type="radio" name="sex"/><label for="h-female"></label><input id="h-female" type="radio" name="sex"/></form>
</body>
</html>

【自用】HTML笔记-编程部落
如果需要隔开一定距离,可以在label中添加:&nbsp;
一个&nbsp; 代表一个空格。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><!--这是一条注释--><title>网页的头标题</title>
</head>
<body><form action=""><!--id表示给其取一个唯一的名字,type=radio为单选框--><label for="h-male">&nbsp;&nbsp;</label><input id="h-male" type="radio" name="sex"/><label for="h-female">&nbsp;&nbsp;</label><input id="h-female" type="radio" name="sex"/></form>
</body>
</html>

【自用】HTML笔记-编程部落

2.3 多选框(type=checkbox)

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><!--这是一条注释--><title>网页的头标题</title>
</head>
<body><form action=""><!--id表示给其取一个唯一的名字,type=radio为单选框--><label for="h-football">&nbsp;&nbsp;足球</label><input id="h-football" type="checkbox" name="hobbies"/><label for="h-basketball">&nbsp;&nbsp;篮球</label><input id="h-basketball" type="checkbox" name="hobbies"/><label for="h-pingpong">&nbsp;&nbsp;乒乓球</label><input id="h-pingpong" type="checkbox" name="hobbies"/></form>
</body>
</html>

【自用】HTML笔记-编程部落

2.4 普通按钮和提交按钮

提交按钮可以是提交整个表单的内容,注意提交按钮的type=submit,可以这样写:

<input type="submit" value="提交">

示例:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><!--这是一条注释--><title>网页的头标题</title>
</head>
<body><form action=""><!--id表示给其取一个唯一的名字,type=radio为单选框--><label for="h-football">&nbsp;&nbsp;足球</label><input id="h-football" type="checkbox" name="hobbies"/><label for="h-basketball">&nbsp;&nbsp;篮球</label><input id="h-basketball" type="checkbox" name="hobbies"/><label for="h-pingpong">&nbsp;&nbsp;乒乓球</label><input id="h-pingpong" type="checkbox" name="hobbies"/><input type="submit" value="提交"></form>
</body>
</html>

【自用】HTML笔记-编程部落
普通按钮可以写在表单外,例如创建一个普通按钮,并让其单击时跳转到百度:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><!--这是一条注释--><title>网页的头标题</title>
</head>
<body><form action=""><!--id表示给其取一个唯一的名字,type=radio为单选框--><label for="h-football">&nbsp;&nbsp;足球</label><input id="h-football" type="checkbox" name="hobbies"/><label for="h-basketball">&nbsp;&nbsp;篮球</label><input id="h-basketball" type="checkbox" name="hobbies"/><label for="h-pingpong">&nbsp;&nbsp;乒乓球</label><input id="h-pingpong" type="checkbox" name="hobbies"/><input type="submit" value="提交"></form><button onclick="javascript:window.location='https://www.baidu.com'">普通按钮</button>
</body>
</html>

【自用】HTML笔记-编程部落

2.5 多行文本框(textarea)

创建一个3行10列的文本框,并用p标签分成不同的段落。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><!--这是一条注释--><title>网页的头标题</title>
</head>
<body><form action=""><p><textarea  cols="10" rows="3"></textarea></p><p><input type="submit" value="提交"></p></form>
</body>
</html>

【自用】HTML笔记-编程部落

2.6 单选下拉框

使用select标签,选项使用option标签。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><!--这是一条注释--><title>网页的头标题</title>
</head>
<body><form action=""><p><label for="province">省份&nbsp;&nbsp;</label><select name="" id="province"><option value="">广东</option><option value="">广西</option><option value="">湖南</option><option value="">湖北</option></select></p><p><input type="submit" value="提交"></p></form>
</body>
</html>

【自用】HTML笔记-编程部落
如果希望下拉列表有一个默认值,也就是初始时显示的省份,以默认显示湖北为例,可以在湖北所在的标签内添加一个“selected”,如下:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><!--这是一条注释--><title>网页的头标题</title>
</head>
<body><form action=""><p><label for="province">省份&nbsp;&nbsp;</label><select name="" id="province"><option value="">广东</option><option value="">广西</option><option value="">湖南</option><option value="" selected>湖北</option></select></p><p><input type="submit" value="提交"></p></form>
</body>
</html>

【自用】HTML笔记-编程部落

三、划分不同区块

例如,想要做成报纸一样,左右,垂直方向都要有布局,这时就需要使用div标签。

3.1 上下分段布局(div)

h1表示是标题,div划分为某一块,可以设置style属性来决定区块的宽和高。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><!--这是一条注释--><title>网页的头标题</title>
</head>
<body><h1>民营企业要积极投身高质量发展</h1><div style="width: 400px;"><p>“民营企业如何参与新发展格局建设,如何实现转型升级、高质量发展,是新时代新征程上必须思考的问题。”一位民营企业家在近日举办的中国民营经济论坛上给出这样一道“思考题”。显然,民营经济已经成为推动我国发展不可或缺的力量,要引导民营经济积极投身高质量发展。</p></div><div style="width: 400px;"><p>高质量发展是全面建设社会主义现代化国家的首要任务。民营企业家是我们“自己人”,民营企业投身高质量发展,是时代赋予的新使命。党中央高度重视民营经济发展,近年来出台了一系列扶持民营经济发展举措,全社会比以往任何时候都更加重视民营经济发展,民营企业迎来了更广阔的发展机遇,民营企业家应该有投身高质量发展的自觉。</p></div>
</body>
</html>

【自用】HTML笔记-编程部落

3.2 内联标签span

使用span标签可以让内容水平分布。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><!--这是一条注释--><title>网页的头标题</title>
</head>
<body><h1>民营企业要积极投身高质量发展</h1><div style="width: 400px;"><p>“民营企业如何参与新发展格局建设,如何实现转型升级、高质量发展,是新时代新征程上必须思考的问题。”一位民营企业家在近日举办的中国民营经济论坛上给出这样一道“思考题”。显然,民营经济已经成为推动我国发展不可或缺的力量,要引导民营经济积极投身高质量发展。</p></div><span>第一部分</span><span>第二部分</span>
</body>
</html>

【自用】HTML笔记-编程部落
由于span标签是一种内联标签,所以可以嵌入段落里,例如要将上面的一个段落里的“高质量发展”显示成红色,则可以这样修改:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><!--这是一条注释--><title>网页的头标题</title>
</head>
<body><h1>民营企业要积极投身高质量发展</h1><div style="width: 400px;"><p>“民营企业如何参与新发展格局建设,如何实现转型升级、<span style="color:red">高质量发展</span>,是新时代新征程上必须思考的问题。”一位民营企业家在近日举办的中国民营经济论坛上给出这样一道“思考题”。显然,民营经济已经成为推动我国发展不可或缺的力量,要引导民营经济积极投身高质量发展。</p></div><span>第一部分</span><span>第二部分</span>
</body>
</html>

【自用】HTML笔记-编程部落

3.3 float的使用

需要将div的区块里的style做一些修改。需要添加一个float属性,并且设置成靠左还是靠右布局。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><!--这是一条注释--><title>网页的头标题</title>
</head>
<body><h1>民营企业要积极投身高质量发展</h1><div style="width: 400px;float: left"><p>“民营企业如何参与新发展格局建设,如何实现转型升级、高质量发展,是新时代新征程上必须思考的问题。”一位民营企业家在近日举办的中国民营经济论坛上给出这样一道“思考题”。显然,民营经济已经成为推动我国发展不可或缺的力量,要引导民营经济积极投身高质量发展。</p></div><div style="width: 400px;float: left"><p>高质量发展是全面建设社会主义现代化国家的首要任务。民营企业家是我们“自己人”,民营企业投身高质量发展,是时代赋予的新使命。党中央高度重视民营经济发展,近年来出台了一系列扶持民营经济发展举措,全社会比以往任何时候都更加重视民营经济发展,民营企业迎来了更广阔的发展机遇,民营企业家应该有投身高质量发展的自觉。</p></div>
</body>
</html>

【自用】HTML笔记-编程部落

3.3.1 float特性1

div之外可以再嵌套div,并且可以将不同区块设置不同的背景颜色便于观察。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><!--这是一条注释--><title>网页的头标题</title>
</head>
<body><h1>民营企业要积极投身高质量发展</h1><div style="width:900px;background-color: grey"><div style="width: 400px;float: left; background-color: green"><p>“民营企业如何参与新发展格局建设,如何实现转型升级、高质量发展,是新时代新征程上必须思考的问题。”一位民营企业家在近日举办的中国民营经济论坛上给出这样一道“思考题”。显然,民营经济已经成为推动我国发展不可或缺的力量,要引导民营经济积极投身高质量发展。</p></div><div style="width: 400px;float: left; background-color: cadetblue"><p>高质量发展是全面建设社会主义现代化国家的首要任务。民营企业家是我们“自己人”,民营企业投身高质量发展,是时代赋予的新使命。党中央高度重视民营经济发展,近年来出台了一系列扶持民营经济发展举措,全社会比以往任何时候都更加重视民营经济发展,民营企业迎来了更广阔的发展机遇,民营企业家应该有投身高质量发展的自觉。</p></div></div>
</body>
</html>

【自用】HTML笔记-编程部落

3.3.2 float特性2-采用百分比约束布局

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><!--这是一条注释--><title>网页的头标题</title>
</head>
<body><h1>民营企业要积极投身高质量发展</h1><div style="width:900px;height:500px;background-color: grey"><div style="width: 50%;float: left; background-color: green"><p>“民营企业如何参与新发展格局建设,如何实现转型升级、高质量发展,是新时代新征程上必须思考的问题。”一位民营企业家在近日举办的中国民营经济论坛上给出这样一道“思考题”。显然,民营经济已经成为推动我国发展不可或缺的力量,要引导民营经济积极投身高质量发展。</p></div><div style="width: 49%;float: left; background-color: cadetblue"><p>高质量发展是全面建设社会主义现代化国家的首要任务。民营企业家是我们“自己人”,民营企业投身高质量发展,是时代赋予的新使命。党中央高度重视民营经济发展,近年来出台了一系列扶持民营经济发展举措,全社会比以往任何时候都更加重视民营经济发展,民营企业迎来了更广阔的发展机遇,民营企业家应该有投身高质量发展的自觉。</p></div></div>
</body>
</html>

【自用】HTML笔记-编程部落

3.4 图片也可以使用float方式布局

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><!--这是一条注释--><title>网页的头标题</title>
</head>
<body><h1>民营企业要积极投身高质量发展</h1><div style="width:900px;height:500px;background-color: grey"><img src="123.jpg" alt="旋涡鸣人" style="width:500px;height:300px;float: left"><div style="width: 50%;float: left; background-color: green"><p>“民营企业如何参与新发展格局建设,如何实现转型升级、高质量发展,是新时代新征程上必须思考的问题。”一位民营企业家在近日举办的中国民营经济论坛上给出这样一道“思考题”。显然,民营经济已经成为推动我国发展不可或缺的力量,要引导民营经济积极投身高质量发展。</p></div><div style="width: 49%;float: left; background-color: cadetblue"><p>高质量发展是全面建设社会主义现代化国家的首要任务。民营企业家是我们“自己人”,民营企业投身高质量发展,是时代赋予的新使命。党中央高度重视民营经济发展,近年来出台了一系列扶持民营经济发展举措,全社会比以往任何时候都更加重视民营经济发展,民营企业迎来了更广阔的发展机遇,民营企业家应该有投身高质量发展的自觉。</p></div></div>
</body>
</html>

【自用】HTML笔记-编程部落

查看全文

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

如若内容造成侵权/违法违规/事实不符,请联系一条长河网进行投诉反馈,一经查实,立即删除!

相关文章:

【自用】HTML笔记-编程部落

自用】HTML笔记

看视频做的笔记:https://www.bilibili.com/video/BV1eb411n7AL?p25&vd_source774b01e6e991da71d49ca097f52b69ee
第一个HTML文件
<!DOCTYPE html>
<html lang"en">
<head><meta charset"UTF-8"><title>测……

【自用】HTML笔记-编程部落

存储器访问指令

ARM 不能直接访问存储器,比如 RAM 中的数据,I.MX6UL 中的寄存器就是 RAM 类型 的,我们用汇编来配置 I.MX6UL 寄存器的时候需要借助存储器访问指令,一般先将要配置的值 写入到 Rx(x0~12)寄存器中,然后借助存储器访问指令……

【自用】HTML笔记-编程部落

【系统集成项目管理工程师】信息化

# 信息与信息化
1、✨ 信息: 客观事物状态 和 运动特征 的一种普遍形式
2、事物的本体论信息:事物的 运动状态 和 状态变化方式 的 自我表述
3、认识论信息概念:主体关于某个事物的认识论信息,就是主体对于该事物的 运动状态 以……

【自用】HTML笔记-编程部落

uefi 内存管理

PEI 阶段
PEI 阶段最为重要的结构是HOB, 初始化内存服务前,PEI 申请的内存其实是插入到FV 文件
也就是FLASH 里面去运行。
在此状态下,FLASH 可读不可写,所以是不能使用全局变量的。如果有需要模块间共享信息,需要申请HOB.
HO……

【自用】HTML笔记-编程部落

Educational Codeforces Round 146 (Rated for Div. 2)(B,E详解)

题外话:抑郁场,开局一小时只出A,死活想不来B,最后因为D题出锅ura才保住可怜的分。但咱本来就写不到D
B – Long Legs(数论)
本题题解法一学自同样抑郁的知乎作者 幽血魅影的题解,有讲解原理。 ……

【自用】HTML笔记-编程部落

【Java版oj】day26跳台阶扩展问题、快到碗里来

目录 一、跳台阶扩展问题
(1)原题再现
(2)问题分析
(3)完整代码 二、快到碗里来
(1)原题再现
(2)问题分析
(3)完整代码 一、跳台……

【自用】HTML笔记-编程部落

STM32实验:利用PWM输出制作呼吸灯

​脉冲宽度调制(Pulse width modulation,即PWM)是一种模拟控制方式,根据相应载荷的变化来调制晶体管基极或MOS管栅极的偏置,来实现晶体管或MOS管导通时间的改变,从而实现开关稳压电源输出的改变。这种方式能……

【自用】HTML笔记-编程部落

临时的记录

基于Aviator表达式引擎实现RBAC&ABAC访问控制的技术方案
本技术方案旨在利用Aviator表达式引擎实现基于角色的访问控制(RBAC)和基于属性的访问控制(ABAC),提高系统的安全性和可扩展性。 1. 背景
在当今互联网应用……

【自用】HTML笔记-编程部落

机器学习入门第一篇

机器学习定义及分类
机器学习定义:计算机程序从经验E中学习,去解决任务T,结束时会得到完成任务的表现评价P,通过P对T的评定使得经验E不断提高。机器学习分类: 监督学习(supervised learning)&a……

【自用】HTML笔记-编程部落

机器学习之线性回归算法(第二篇)

线性回归算法
在这一篇博客中,我会表达我对今天学习的线性回归算法的理解。
OK,目前要解决的问题就是,我们得到了一个数据集,也称做训练集。 而机器学习的过程就是:
计算机读取数据集计算机通过某种算法分析数据集计……

【自用】HTML笔记-编程部落

反序列化渗透与攻防(五)之shiro反序列化漏洞

Shiro反序列化漏洞
Shiro介绍
Apache Shiro是一款开源安全框架,提供身份验证、授权、密码学和会话管理。Shiro框架直观、易用,同时也能提供健壮的安全性
Apache Shiro 1.2.4及以前版本中,加密的用户信息序列化后存储在名为remember-me的Cookie中。攻击者可以使用Shiro的默……

【自用】HTML笔记-编程部落

vue2+vue3

vue2vue3尚硅谷vue2vue2 课程简介【02:24】vue2 Vue简介【17:59】vue2 Vue官网使用指南【14:07】vue2 搭建Vue开发环境【13:54】vue2 Hello小案例【22:25】了解: 不常用常用:id 更常用 简单class差值总结vue 实例vue 模板 : 先 取 &#xff0……

【自用】HTML笔记-编程部落

【hello Linux】环境变量

目录 1. 环境变量的概念 2. 常见的环境变量 3. 查看环境变量 4. 和环境变量相关的命令 5. 环境变量的组织方式 6. 通过代码获取环境变量 7. 通过系统调用获取环境变量 Linux🌷 在开始今天的内容之前,先来看一幅图片吧! 不知道你们是否和我一……

【自用】HTML笔记-编程部落

【Linux基础】常用命令整理

ls命令
-a选项,可以展示隐藏的文件和文件夹-l选项,以列表形式展示内容-h,需要和-l搭配使用,可以展示文件的大小单位ls -lah等同于la -a -l -h
cd命令(change directory)
语法:cd [Linux路径]……

【自用】HTML笔记-编程部落

客快物流大数据项目(一百一十二):初识Spring Cloud

文章目录
初识Spring Cloud
一、Spring Cloud简介
二、SpringCloud 基础架构图…

【自用】HTML笔记-编程部落

C和C++中的struct有什么区别

区别一: C语言中: Struct是用户自定义数据类型(UDT)。 C语言中: Struct是抽象数据类型(ADT),支持成员函数的定义。
区别二:
C中的struct是没有权限设置的&#xff0c……

【自用】HTML笔记-编程部落

docker的数据卷详解

数据卷 数据卷是宿主机中的一个目录或文件,当容器目录和数据卷目录绑定后,对方修改会立即同步
一个数据卷可以同时被多个容器同时挂载,一个容器也可以被挂载多个数据卷
数据卷作用:容器数据持久化 /外部机器和容器间接通信 /容器……

【自用】HTML笔记-编程部落

13、Qt生成dll-QLibrary方式使用

Qt创建dll,使用QLibrary类方式调用dll
一、创建项目
1、新建项目->其他项目->Empty qmake Project->Choose 2、输入项目名,选择项目位置,下一步 3、选择MinGW,下一步 4、完成 5、.pro中添加TEMPLATE subdirs&#xff……

【自用】HTML笔记-编程部落

基于mapreduce 的 minHash 矩阵压缩

Minhash作用: 对大矩阵进行降维处理,在进行计算俩个用户之间的相似度。
比如: 俩个用户手机下载的APP的相似度,在一个矩阵中会有很多很多的用户要比较没俩个用户之间的相似度是一个很大的计算任务 如果首先对这个矩阵降维处理&am……

【自用】HTML笔记-编程部落

关于hashmap使用迭代器的问题

keySet获得的只是key值的集合,valueSet获得的是value集合,entryset获得的是键值对的集合。 package com.test2.test;import java.util.HashMap;
import java.util.Iterator;
import java.util.Map;
import java.util.Map.Entry;public class mapiterator……