web前端的三大核心技术
vscood的使用
vscood的快捷键
1、注释：
a) 单行注释：[ctrl+k,ctrl+c] 或 ctrl+/
b) 取消单行注释：[ctrl+k,ctrl+u] (按下ctrl不放，再按k + u)
c) 多行注释：[alt+shift+A]
d) 多行注释：/**
2、移动行：alt+up/down
3、显示/隐藏左侧目录栏 ctrl + b
4、复制当前行：shift + alt +up/down
5、删除当前行：shift + ctrl + k
6、控制台终端显示与隐藏：ctrl + ~
7、查找文件/安装vs code 插件地址：ctrl + p
8、代码格式化：shift + alt +f
9、新建一个窗口 : ctrl + shift + n
10、行增加缩进: ctrl + [
11、行减少缩进: ctrl + ]
12、裁剪尾随空格(去掉一行的末尾那些没用的空格) : ctrl + shift + x
13、字体放大/缩小: ctrl + ( + 或 - )
14、拆分编辑器 : ctrl + 1/2/3
15、切换窗口 : ctrl + shift + left/right
16、关闭编辑器窗口 : ctrl + w
17、关闭所有窗口 : ctrl + k + w
18、切换全屏 : F11
19、自动换行 : alt + z
20、显示git : ctrl + shift + g
21、全局查找文件：ctrl + shift + f
22、显示相关插件的命令(如：git log)：ctrl + shift + p
23、选中文字：shift + left / right / up / down
24、折叠代码： ctrl + k + 0-9 (0是完全折叠)
25、展开代码： ctrl + k + j (完全展开代码)
26、删除行 ： ctrl + shift + k
27、快速切换主题：ctrl + k / ctrl + t
28、快速回到顶部 ： ctrl + home
29、快速回到底部 : ctrl + end
30、格式化选定代码 ：ctrl + k / ctrl +f
31、选中代码 ： shift + 鼠标左键
32、多行同时添加内容（光标） ：ctrl + alt + up/down
33、全局替换：ctrl + shift + h
34、当前文件替换：ctrl + h
35、打开最近打开的文件：ctrl + r
36、打开新的命令窗：ctrl + shift + c
37、保存：ctrl+s
38、全选：ctrl+a
39、快速复制一行：ctrl+v
40、复制：ctrl+c
41、剪切：ctrl+x
42、撤销，前进：ctrl+z，ctrl+y
43、从头选中一行：shift+end
44、快速移动一行：Alt+ ↑ / ↓
45、向上/向下复制行：Shift+Alt + ↓ / ↑
HTML的基本结构与属性
HTML:超文本，标记，语言
超文本
超文本：文本内容+非文本内容（图片，视频，音频等）
标记
标记也叫标签，写法分为单标签和双标签
语言
语言为编程语言
常见标签
[常见的基本标签]
(https://www.w3school.com.cn/tags/index.asp)
初始代码
:文档声明 html文件的最外层标签：包裹着所有html标签代码 lang="en表示一个英文网站 lang="zh-cn"表示一个中文网站 元信息：编写网页中的一些赋值信息 charsset="UTF-8"国际编码，让网页不出现乱码的情况<!DOCTYPE html> :文档声明
<html lang="en"> html文件的最外层标签：包裹着所有html标签代码 lang="en表示一个英文网站 lang="zh-cn"表示一个中文网站
<head>
<meta charsset="UTF-8"> 元信息：编写网页中的一些赋值信息 charsset="UTF-8"国际编码，让网页不出现乱码的情况
<meta name="viewport" content="width=device-width,inital-scale=1.0">
<meta http-equiv="X-UA-compatible"content="ie=edge">
<title>Document</title> 设置网页的标题
</head>
<body>
显示网页内容的区域
</body>
</html>
HTML注释
写法：
在浏览器中看不到，只能在代码中看到注释的内容
意义：
1、吧暂时不用的代码注释起来，方便以后使用。
2、对开发人员进行提示。
快捷添加与删除注释：
1、ctrl+/
2、shift+alt+a
HTML语义化
HTML语义化：根据网页中内容的结构，选择合适的HTML标签进行编写。
好处：
1、在没有css的情况下，页面也能呈现出很好的内容结构。
2、有利于SEO，让搜索引擎爬虫更好的理解网页。
3、方便其他设备解析（如屏幕阅读器、盲人阅读器）。
4、便于团队开发与维护。
标题与段落
标题 -> 双标签：
到例子
一个html文件中只能出现一次h1标签
段落 ->双标签：
文本修饰标签
<strong></strong> 强调 加粗字体
<em></em> 强调斜体
<sub>、<sup>：下标文本、上标文本
<del>、<ins>:删除文本、插入文本
图片标签与图片属性
img -> 单标签
src ： 引入图片的地址。
alt ：当图片出现问题时，可以显示一段友好的提示文字。
title：提示信息
width、height：图片大小
引入文件的地址路径
1、相对路径
2、绝对路径
跳转链接
链接标签
a->双标签 <a></a>
href属性：链接地址 形式：<a href="网址">访问+网址名</a>
target属性:<a href="网址" target="-black">访问+网址名</a>
base->单标签 作用改变连接的默认行为
特殊符号
1、组成：&+字符
2、作用：解决冲突 左右尖括号、添加多个空格的实现
& & & and符号，与
“ " " 引号
© © © 版权标志
® ® » 注册标志
™ ™ ™ 商标标志
“ “ “ 左双引号
” ” ” 右双引号
< < < 小于号
> > > 大于号
≤ ≤ ≤ 小于等于号
≥ ≥ ≥ 大于等于号
× × × 乘号
÷ ÷ ÷ 除号
− − − 减号
± ± ± 加/减 号
≠ ≠ ≠ 不等于号
¥ ¥ ¥ 人民币元
€ € € 欧元
  空格
————————————————
版权声明：本文为CSDN博主「青颜的天空」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/a1056244734/article/details/107235102
无序列表
采用<ul>、<li>:列表的最外层容器、列表项
注：ul个li必须是组合出现，他们之间是不能有其他标签的，且符合嵌套的规范
或<li>+<a href="网址">访问+网址名</a></li>
type属性：改变前面标记的样式
disc 默认值、实心圆
circle 空心圆
square 实心方块
例如：<ul type="disc ">(第一个ul）
有序列表
例如：
<ol>、<li>:列表的最外层容器、列表项
注：有序列表用的非常少，经常用的是无序列表，无序列表可以代替有序列表，和无序列表的要求一样，也可以用type来改变前面标记的样式
1 默认值（1、2、3....）
a 按字母顺序来排列，小写（a，b，c...）
A 按字母顺序来排列，大写（A，B，C...）
i 罗马字母 ，小写（i,ii,iii,iv...）
定义列表
<dl>:定义列表
<dt>:定义专业术语或名词
<dd>:对名词进行解释和描述
嵌套列表
列表之间可以互相嵌套，形成多层级列表
定义列表的格式和语法规则同上
1571
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
