Vscode使用：

新建文件后先保存，后缀html ctrl+加号键，ctrl+减号键 可以放大缩小视图 快捷生成页面骨架：输入！，按下tab键

vscode常用插件：

Chinese（simplified）：中文简体汉化 Auto Rename Tag：标签便捷操作，快速生成和修改 open in browser ：在浏览器中打开 vscode-icons：让html、css、js文件有图标展示 Easy LESS：将less文件保存后自动转换成css文件 会了吧：单词翻译 One Dark Pro：主题颜色 Live Server：实时修改

快捷键：

快速复制一行：shift+alt+上箭头（下箭头） 选定多个相同单词：CTRL+D 添加多个光标：ctrl+alt+上箭头（下箭头） 全局替换某些单词：ctrl+h （选择全部替换就行） 快速定位到某一行:ctrl+g (输入要跳转到第几行) 选择某个区块：shift+alt 然后拖动鼠标 ctrl+加号键，ctrl+减号键 可以放大缩小视图

文本格式化标签

加粗：或者 倾斜：或者 删除线：或者 下划线：或者

图像标签的属性

src：图片路径 alt：当图片不能显示时，替换成alt中内容 title：提示文本，鼠标放到图片上显示的文字 width：图像宽度 height：图像高度 border：图像边框粗细

相对路径

同级路径：直接输入 目标名称 car.jpg 下一级路径：文件名/目标名称 images/car.jpg 上一级路径：../目标名称 ../cat.gif 如果是上两级， ../../cat.gif

超链接

文本或图像 href以http://开始 target属性： _self:当前窗口打开（默认） _blank：新建窗口打开

外部链接：例如百度

内部链接：网站内部页面之间相互链接，直接链接内部页面名称即可首页

空链接：如果当时没有确定链接目标时，首页

下载链接：如果href中是一个文件或者压缩包，会下载该文件首页

网页元素链接：在网页中的各网页元素，如文本、图片、表格、音频、视频等都可以添加超链接

锚点链接：点击链接，可以快速定位到页面中的某个位置。使用方式： *在链接文本的href属性中，设置属性值为 #名字 的形式，如: 第二集 *找到目标位置标签，里面添加一个id属性=刚才的名字，如：

第二集

特殊字符使用： 空格符：  小于号：< 大于号：>