Emmet语法搭建布局结构

Emment 按下Tab按钮 自动补全代码

html原生标签

块级元素（独占一行）：

 div 容器 盒子
 p 段落
 h1-h6 标题标签
 ul 无序列表
 ol 有序列表
 li 列表的列表项
 table（表格）：tr 行
               th 表头的列
               td 表体的列
 dl（自定义列表）：dt 一级列表
                  dd 二级列表

行内元素（不会独占一行）：

span
a 超链接

行内块：

img:
    ./ 当前路径
    ../ 上一级
    / 根目录，一般不用

其他元素：

br 换行
hr 分割线

表单元素：

input标签：<input type="text">
    type属性：
        text 输入框
        button 普通按钮，不会刷新
        submit 提交按钮，会刷新页面
        radio 单选框 需要命名name 实现单选
        checkbox 复选框
select 下拉选框 > option 选择项
textarea 富文本