1.1 快速生成HTML结构语法

 

　　生成标签 直接输入标签名 按tab键即可 比如 div 然后tab 键， 就可以生成

 

　　如果想要生成多个相同标签 加上 * 就可以了 比如 div*3 就可以快速生成3个div如果有父子级关系的标签，可以用 > 比如 ul > li就可以了如果有兄弟关系的标签，用 + 就可以了 比如 div+p如果生成带有类名或者id名字的， 直接写 .demo 或者 #two tab 键就可以了如果生成的div 类名是有顺序的， 可以用 自增符号 $如果想要在生成的标签内部写内容可以用 { } 表示shilt+alt+鼠标左键：可以让光标在多行Ctrl+F:查找Ctrl+G:跳到指定行数

 

　　1.2 快速生成CSS样式语法

 

　　CSS 基本采取简写形式即可。

 

　　比如 w200 按tab 可以 生成 width: 200px;比如 lh26px 按tab 可以生成 line-height: 26px;

 

　　1.3 快速格式化代码

 

　　Vscode 快速格式化代码： shift+alt+f

 

　　也可以设置 当我们 保存页面的时候自动格式化代码：

 

　　1）文件 ------.>【首选项】---------->【设置】； 2）搜索emmet.include;

 

　　3）在settings.json下的【工作区设置】中添加以下语句： “editor.formatOnType”： true,

 

　　“editor.formatOnSave”： true

 

　　1. 基本结构标签

 

　　2. 基本标签

 

　　1. 文件标签

 

　　文件标签：构成html最基本的标签

 

　　html:html文档的根标签

 

　　head：头标签。用于指定html文档的一些属性。引入外部的资源 > title：标题标签。

 

　　body：体标签

 

　　2. 文本标签

 

　　3. 图片标签：

 

　　4. 列表标签：

 

　　5. 链接标签

 

　　6. div和span：

 

　　7. 语义化标签

 

　　html5中为了提高程序的可读性，提供了一些标签。

 

　　8. 表格标签

 

　　9. 表单标签