装插件:
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 用于表示侧边栏