php学习第一课：html入门

安装vscode

本机已安装，创建VMware环境来安装，具体环境安装不再演示

下载vscode

1. vscode官网下载；
2. 解压安装，初次启动界面如下：
   

---

安装插件

• 安装汉化插件
• live srever插件
  
• 自动闭合，自动更名插件
  
• html,css语法提示增强插件
  
• 更多插件参考网址:https://www.processon.com/view/link/61453ceb07912943c056dda0#map

---

练习emmet语法

1. 调用

   输入叹号！，按下tab键快速生成html代码

2. 语法

   Child: >
   缩写： div>ul>li
   
   Sibling: +
   缩写：div+p+h1
   Climb-up: ^
   缩写：div+div>p>span+em^bq
   缩写：div+div>p>span+em^^bq
   分组：（）
   Grouping: ( )
   缩写：
   缩写：(div>dl>(dt+dd)3)+footer>p
   重复多份：
   Multiplication:
   缩写：ul>li5
   编号：$
   Item numbering: $
   缩写：ul>li.item$*5
   
   id和类
   缩写：#header
   缩写：.header
   缩写：form.box
   
   文本：{ }
   Text: { }
   缩写：a{Click me}