装插件：
Chinese (Simplified) 中文的插件
1、vscode-icons 图片标文件的显示
2、Live Server 直接进去服务的浏览器
3、Markdown Preview Enhanced 笔记的编写的插件
关于笔记的插件使用的小技巧：
笔记上如何添加图片 ，复制图片+（Ctrl+alt+V）
关于Emmet插件是内置的代码的提示
VScode里面的注释：ctrl+/ 快速的添加注释
文本元素
段落paragraphs
lorem ：乱数假文，没有任何实际含义的文字
span
没有语义，仅仅用于设置样式
三原色包含：<span style="color: red;">红</span><span style="color: chartreuse;">绿</span><span style="color: blue;">蓝</span>
pre
预格式文本元素
空白折叠：在源代码中的连续空白字符（空格、换行、制表），在页面显示时候会被折叠为一个空格.
例外：在pre元素中内容不会出现空白折叠;在pre元素内部出现的内容，会按照源代码格式显示到页面上，该元素通常用于玩网页中显示的一些代码
<pre>这里写啥内容，页面显示就是啥，如果写符号 &&#￥%，那显示也就是这些东西</pre>
``
## 元素的嵌套
> 父元素，子元素、祖先元素，后代元素、兄弟元素（就是有同一个父元素的元素）
## 根元素
>元素不是必需的，可以不写
```bash
<html lang="en">
</html>
lang 属性是全局的属性，表示该元素内部使用的文字是使用哪一种自然语言书写而成的。
<html lang="cmn-hans"> cmn-hans是中国大陆的中文
<meta> 文档的元数据：附加信息
charset 指定的网页的内容的编码
多媒体的元素
视频：Video
音频：audio
<Video src="" controls="controls"></Video>
controls 控件的元素 取值只能是：controls
autoplay :布尔属性,自动播放
muted :布尔属性，静音播放
loop：布尔属性，循环播放
兼容性：1、旧版本的不支持的Video、audio 2、不同的浏览器支持的音视频的格式不同 （mp4、webm）
<Video controls autoplay muted loop style="width: 100px;">
<source src="/命名.mp4">
<source src="/命名.webm">
<p>
对不起，你的浏览器不支持video元素，请点击这里下载最新版本的浏览器
</p>
</Video>
列表元素
有序列表：
>ol: ordered list
li :list item
无序列表
ul:unordered list
无序列表表常用制作菜单和新闻列表
通常用于一些术语的定义
dl:definition list
dt:definition title
dd:definition description
容器元素
header 页头
foodder 页脚
article 表示整章文章
section 表示文章的章节
aside 用于表示侧边栏
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
