markdown语法实例及emmet简易语法

markdown语法实例及emmet简易语法

1、mardown各级标题

单个#后接一级标题
两个##后接二级标题
三个###后接三级标题

最多六级标题，也就是###### 符号，日常用到三级

2、代码编程

多行代码```后接语言如php markdown等表示包装一段代码，比如

class person(){
     function say(){
     echo "Hello World";
     }
}

> 这个符号是什么意思呢？
在代码包装区内，文本会高亮哦

单行代码用 单个接代码即可 实例

<div> #demo{color:red}</div>

3、列表

3.1 短接线-空格接文本，表示无序列表，二级列表前方加两空格

• list1
• list2
  • list21
  • list22
  • list23
• list3

3.2 有序列表直接用1、2、3

1. 列表1
2. 列表2
   2.1 分列表
   2.2 分列表
3. 列表3

4、表格

表格就是划线线，3根横短线加1根竖线(其实1根或者2根短横线都行），实例

序号	名字	年龄	籍贯	技能
1	唐僧	36	陕西	念经
2	孙悟空	5001	花果山	七十二变
3	猪八戒	3002	高老庄	吃
4	沙悟净	866	沙河	挑行李

5、图片

用来加载图片，其中中括号内放图片说明，小括号内放图片地址，中括号内不写也可以，但是编辑器会报错

markdown语法一定注意要间隔行

6、emmet语法

用!或者html:5回车后创建html文档结构

标签、属性
属性一般用id或者class来表示
id快速生成用#，class用.

.container{content}

#demo{demo}

7、父子关系和兄弟关系

父子关系用>,兄弟关系用+

ul>li>a{123}

.title{网站名称}+.url{网址}

8、快速复制

1. alt+shift+⬇
2. 用*号

ul.demo>li.hello*3>a{***}

9、序号

用@和$符号，其中@表示起始位置，$表示升序递增,降序加-号

ul.container>li.number*5>a{item$@-1}

作业实例：

table>caption{取经贡献表}+thead>tr>th{积分值}*8+tbody>tr*5>td{名字}*8

table>caption{20期同学通讯录}+thead>tr>th{联系方式}*8+tbody>tr*5>td{联系人}*8

问题：老师有括号，实际编辑器有括号不能够生成