1、安装VScode编辑器插件
中文插件包:Chinese (Simplified) Language Pack for Visual Studio Code
HTML和CSS代码提示插件:HTML CSS Support
快速生成代码片段插件:HTML/CSS/Javascript Snippets
标签首尾自动更名插件:Auto Rename Tag
图标主题插件:Material Icon Theme
主题插件:One Dark Pro
markdow语法检查器插件:markdownlint
markdow预览插件:Markdown Preview Enhanced
通过编辑器运行代码服务插件:Live Server
2、安装谷歌浏览器插件插件
用于访问谷歌插件商城:iGG谷歌访问助手
拦截浏览器广告:AdBlock
设置谷歌浏览器编码:Charset
用于一些网站的破解相关:Tampermonkey
Vue开发工具:Vue.js devtools
颜色识色器:chrome-color-picker
划词翻译
浏览器文档阅读,去广告、侧边栏:简悦-SimoRead
量页面工具:PageRuler Redux
3、html的基本内容
(1)标签:单标签与双标签
html想添加任何元素都必须以标签的形式添加,标签由元素描述
(2)标题:h1/h2/h3/…/h6
(3)段落:<p></p>
(4)链接:<a href="目标url" target="_self(跳转到本窗口)/_blank(跳转到新窗口)/#锚点名称(后面在html中任一个元素,命名id=锚点名称即可跳转)/#(跳转到本窗口顶着位置)"></a>
(5)图片:<img src="图片位置" width="100"/height="100"(宽度与高度只需指定一个,图片本身会等比例缩放) alt="图片加载失败时显示的图片说明">