VScode编辑器并安装“简体中文：Chinese(Simplified)”、“格式化：Prettier-Code formatter”、“代码拼写检查：Code Spell Checker”、“MarkDown预览：Markdown Preview Enhanced”、“MarkDown语法验证：markdownnlint”、“主题-编辑窗口主题：One Dark Pro/图标主题：Material Icon Theme/产品主题：Material Product Icons”等插件的安装

2.页面元素类型

块元素
标签：<div></div>
它是一个容器、display:block、可以设置宽、高，以垂直的方式呈现。

行内元素
标签：<span></span>

 编写内容的标签，display:inline、不可以设置宽高，它的宽高在容器里设置，以水平排列的方式呈现。

行内块元素
图片、视频、音频、<input>、<button></button>s等。
外部资源，无法预测大小所以原样显示
可以自定义宽高。
既有块元素的特征做容器，又有行内元素特征做内容
水平排列，但可以设置大小
display:inline-block
3.学习markdown