markdown基础语法和emmet基础语法

markdown基础语法

1.标题语法

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题
#号越多标题字体越小，尽量只用一到三级标题

2.列表语法

2.1无序列表

无序列表使用-，+，*加上空格和内容，可以嵌套

• 无序列表1
  • 无序列表嵌套1
  • 无序列表嵌套2
• 无序列表2
• 无序列表3

2.2有序列表

有序列表使用阿拉伯数字加上.和空格和内容，同样可以嵌套

1. 有序列表1
   1.1 有序列表嵌套1
   1.2 有序列表嵌套2
2. 有序列表2
3. 有序列表3

3.插入代码语法

3.1单行代码

print ("hello world")

3.2多行代码

if True:
    print ("True")
else:
    print ("False")

4.插入图片语法

![描述](图片地址)

5.插入表格语法

使用|和-画出表格
|姓名|性别|联系方式|
|----|---|-------|
|王强|男|1234567|
|莉娜|女|2345678|
|孙倩|女|3456789|

姓名	性别	联系方式
王强	男	1234567
莉娜	女	2345678
孙倩	女	3456789

emmet基础语法

1.快速生成标签属性

HTML有三大基础属性分别为id,class,style

使用#box.title可以快速生成<div id="box" class="title"></div>的标签

2.快速生成父级，同级标签

使用>符号生成父子级标签
div>span
结果：
<div>
    <span></span>
</div>
使用+符号生成同级标签
div+div
结果：
<div></div>
<div></div>

3.快速生成一个列表

ul>li*5
结果：
<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>
可以使用$和@来给列表添加序号元素，$默认从1开始，@从指定数字开始
也可以同时使用，例如：ul>li{item$@0}*5
结果：
<ul>
    <li>item0</li>
    <li>item1</li>
    <li>item2</li>
    <li>item3</li>
    <li>item4</li>
</ul>

4.快速生成一个表格

table>caption{值日表}+(thead>tr>th{星期$}*8)+(tbody>tr*5>td{同学$}*8)
结果：
    <table>
        <caption>值日表</caption>
        <thead>
            <tr>
                <th>星期1</th>
                <th>星期2</th>
                <th>星期3</th>
                <th>星期4</th>
                <th>星期5</th>
                <th>星期6</th>
                <th>星期7</th>
                <th>星期8</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>同学1</td>
                <td>同学2</td>
                <td>同学3</td>
                <td>同学4</td>
                <td>同学5</td>
                <td>同学6</td>
                <td>同学7</td>
                <td>同学8</td>
            </tr>
            <tr>
                <td>同学1</td>
                <td>同学2</td>
                <td>同学3</td>
                <td>同学4</td>
                <td>同学5</td>
                <td>同学6</td>
                <td>同学7</td>
                <td>同学8</td>
            </tr>
            <tr>
                <td>同学1</td>
                <td>同学2</td>
                <td>同学3</td>
                <td>同学4</td>
                <td>同学5</td>
                <td>同学6</td>
                <td>同学7</td>
                <td>同学8</td>
            </tr>
            <tr>
                <td>同学1</td>
                <td>同学2</td>
                <td>同学3</td>
                <td>同学4</td>
                <td>同学5</td>
                <td>同学6</td>
                <td>同学7</td>
                <td>同学8</td>
            </tr>
            <tr>
                <td>同学1</td>
                <td>同学2</td>
                <td>同学3</td>
                <td>同学4</td>
                <td>同学5</td>
                <td>同学6</td>
                <td>同学7</td>
                <td>同学8</td>
            </tr>
        </tbody>
    </table>