一些markdown和emmet最常用的用法

markdown常用语法

1. “>”可用于引用

这是一段引用

 

2. “- - -“用于分割线

↓↓↓下面这个是分割线

 

3. 标题效果，最多支持6级

“#这是一级标题markdown写法”

这是一级标题效果

“##这是二级标题markdown写法”

这是二级标题效果

“###这是三级标题markdown写法”

这是三级标题效果

“####这是四级标题markdown写法”

这是四级标题效果

“#####这是五级标题markdown写法”

这是五级标题效果

“######这是六级标题markdown写法”

这是六级标题效果

“#######这是七级标题markdown写法”

这是七级标题效果，开玩笑的 ：D，没有七级效果。

 

4. 引用代码段

4.1 这是引用代码段的写法：

```
 void func(void){
    int i;
    i++;
 }
 ```

4.2 这是引用代码段的效果：

 void func(void){
    int i;
    i++;
 }

4.3 这是有高亮的写法：

```c
void func(void){
   int i;
   i++;
}
```

4.4 这是有高亮的效果：

 void func(void){
    int i;
    i++;
 }

- - -备注，下面这种效果

```c
void func(void){
   int i;
   i++;
}
```

是自己测出来的,不知道合不合规，记录下写法，备忘。

>```
>```c
>void func(void){
> int i;
> i++;
>}
>```
>``` ```
 

5. 引用图片

5.1 这是引用图片的写法：


5.2 这是引用图片的效果

 

6. 有序列表与无序列表

6.1 “数字+‘.’+空格+内容”，用于有序列表

1. 有序列表1
2. 有序列表2
   2.1有序列表2.1

 

6.2 无序列表使用“‘-/+/*’+空格+内容”

• 无序列表1

• 无序列表2
  • 无序列表2.1
     

7. 表格

7.1 书写格式

姓名| 性别| 身高| 体重
---|---|---|---
小明| 男| 179| 150
小兰| 女| 160| 75

7.2 效果

姓名	性别	身高	体重
小明	男	179	150
小兰	女	160	75

emmet使用

1. 快速生成html5代码

输入 ‘！’或‘html:5’ 按tab键即可，注意要英文输入。

2. div快速补全

‘.’+‘class名’+tab键，快速补全含该class名的div。
例：.class1+tab键，效果如下：

<div class="class1"></div>

‘#’+‘id名’+tab键，快速补全含该id名的div。
例：.id1+tab键，效果如下：

<div id="id1"></div>

添加div内容，使用{}
.class1#id1{添加的内容}+tab键,效果如下：

<div class="class1" id="id1">添加内容</div>

1. 快速添加多级元素，父级>子级

   使用ul>ui+tab键，效果如下：

   <ul>
        <ui></ui>
   </ul>

   在父级ul下添加多个ui
   使用ul+uim（m为数字），例如一次添加三个ui写法为ul+ui3+tab键，效果如下：

    <ul>
        <ui></ui>
        <ui></ui>
        <ui></ui>
    </ul>

   添加内容和递增序号
   ul2>ui3{内容序号$}+tab键，效果如下：

   <ul>
        <ul>内容序号1</ul>
        <ul>内容序号2</ul>
        <ul>内容序号3</ul>
    </ul>
    <ul>
        <ul>内容序号1</ul>
        <ul>内容序号2</ul>
        <ul>内容序号3</ul>
    </ul>

   添加内容和递增序号(从5开始)
   ul2>ui3{内容序号$@5}+tab键，效果如下：

    <ul>
        <ui>内容序号5</ui>
        <ui>内容序号6</ui>
        <ui>内容序号7</ui>
    </ul>
    <ul>
        <ui>内容序号5</ui>
        <ui>内容序号6</ui>
        <ui>内容序号7</ui>
    </ul>

   添加内容和递增序号(从3开始倒)
   ul2>ui3{内容序号$@-3}+tab键，效果如下：

    <ul>
        <ui>内容序列5</ui>
        <ui>内容序列4</ui>
        <ui>内容序列3</ui>
    </ul>
    <ul>
        <ui>内容序列5</ui>
        <ui>内容序列4</ui>
        <ui>内容序列3</ui>
    </ul>

   最后玩把大的
   table>caption{学生信息表}+(thead>tr>th{title}8)+(tbody>tr5>td{item}*8)，效果如下：

    <table>
        <caption>学生信息表</caption>
        <thead>
            <tr>
                <th>title</th>
                <th>title</th>
                <th>title</th>
                <th>title</th>
                <th>title</th>
                <th>title</th>
                <th>title</th>
                <th>title</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>item</td>
                <td>item</td>
                <td>item</td>
                <td>item</td>
                <td>item</td>
                <td>item</td>
                <td>item</td>
                <td>item</td>
            </tr>
            <tr>
                <td>item</td>
                <td>item</td>
                <td>item</td>
                <td>item</td>
                <td>item</td>
                <td>item</td>
                <td>item</td>
                <td>item</td>
            </tr>
            <tr>
                <td>item</td>
                <td>item</td>
                <td>item</td>
                <td>item</td>
                <td>item</td>
                <td>item</td>
                <td>item</td>
                <td>item</td>
            </tr>
            <tr>
                <td>item</td>
                <td>item</td>
                <td>item</td>
                <td>item</td>
                <td>item</td>
                <td>item</td>
                <td>item</td>
                <td>item</td>
            </tr>
            <tr>
                <td>item</td>
                <td>item</td>
                <td>item</td>
                <td>item</td>
                <td>item</td>
                <td>item</td>
                <td>item</td>
                <td>item</td>
            </tr>
        </tbody>
    </table>