【Markdown】Markdown语法教程

Posted by ARTROY on 2019-07-04

一、概述

Markdown 是一种方便记忆、书写的标记(纯文本)语言,用户可以使用这些简单的标记符号生成具有一定格式的文档。

二、基本语法

Markdown 效果
标题 # 标题1
## 标题2
### 标题3
#### 标题4
##### 标题5
###### 标题6
标题
引用:在引用的文字前加 > 表引用,> 可 n 个 > 引用一个
>> 引用两个
引用
分割线:使用三个或三个 - 或 * --- 或 ------ 或 *** 或 ***** 分割线
斜体、粗体和斜体加粗:分别使用 * 、 ** 和 *** 包裹 *斜体* 、 **粗体** 和 ***斜体加粗*** 斜体粗体斜体加粗
删除线:使用 ~~ 包裹 ~~删除线~~ 删除线
超链接:[] 中括号里面填写名称,() 大括号
里面填写地址,两个中间没有空格,title可加可不加
[超链接描述](超链接url '超链接title') 二、基本语法
图片:与“链接”类似,在 [] 中括号前面加 ! ,title可加可不加 ![图片描述](图片url '图片title') 如上“标题”效果所示
字体:改变字体,改变 face 的值即可 <font face="宋体">宋体</font> 宋体
字体颜色:改变字体颜色,改变 color 的值即可 <font color="#F44">红色字体</font> 红色字体
字体大小:改变字体大小,改变 size 的值即可 <font size="10">10号字</font> 10号字
背景颜色:改变背景颜色,改变 bgcolor 的值即可,只能设置表格单元格的背景色 <table><tr><td bgcolor=#FF4444>FF4444</td></tr></table>
FF4444

三、表格

3.1 语法

3.1.1 绘制

1
2
3
4
5
6
7
8
9
10
11
12
13
/**
* 表格文字方向
* --- 居左(默认)
* :--- 居左
* ---: 居右
* :---: 居中
*/

| 姓名 | 性别 | 年龄 | 兴趣 |
| :--- | :---: | ----: | --------- |
| 张三 | 男 | 6 | 兴趣 |
| 李四 | 女 | 18 | 兴趣兴趣兴趣 |
| 王五 | 男 | 100 | 兴趣兴趣兴趣兴趣兴趣 |

3.1.2 效果

姓名 性别 年龄 兴趣
张三 6 兴趣
李四 18 兴趣兴趣兴趣
王五 100 兴趣兴趣兴趣兴趣兴趣

3.2 HTML

3.2.1 绘制

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<table>
<tr>
<th>姓名</th>
<th>性别</th>
<th>年龄</th>
<th>兴趣</th>
</tr>
<tr>
<td>张三</td>
<td>男</td>
<td>6</td>
<td>兴趣</td>
</tr>
<tr>
<td>李四</td>
<td>男</td>
<td>100</td>
<td>兴趣兴趣兴趣</td>
</tr>
<tr>
<td>王五</td>
<td>女</td>
<td>18</td>
<td>兴趣兴趣兴趣兴趣兴趣</td>
</tr>
</table>
<table>
<tr>
<th rowspan="2">课程</th>
<th>星期一</th>
<th>星期二</th>
<th>星期三</th>
</tr>
<tr>
<td>体育</td>
<td>美术</td>
<td>音乐</td>
</tr>
</table>

3.2.2 效果

姓名 性别 年龄 兴趣
张三 6 兴趣
李四 100 兴趣兴趣兴趣
王五 18 兴趣兴趣兴趣兴趣兴趣
课程 星期一 星期二 星期三
体育 美术 音乐

四、列表

4.1 无序列表

4.1.1 绘制

1
2
3
4
5
// 使用 *,+,- 表示无序列表

* 无序列表一
+ 无序列表二
- 无序列表三

4.1.2 效果

  • 无序列表一
  • 无序列表二
  • 无序列表三

4.2 有序列表

4.2.1 绘制

1
2
3
4
5
// 使用数字和点表示有序列表,其中点与文字之间要有空格

1. 有序列表一
2. 有序列表二
3. 有序列表三

4.2.2 效果

  1. 有序列表一
  2. 有序列表二
  3. 有序列表三

4.3 列表嵌套

4.3.1 绘制

1
2
3
4
5
6
7
8
9
10
// 上一级和下一级之间敲三个空格(有序列表无多级表示,可结合无序列表展示)

* 一级无序列表二
* 二级无序列表一
* 二级无序列表二
* 二级无序列表三
1. 一级有序列表
1.1. 二级无序列表一
1.2. 二级无序列表二
1.3. 二级无序列表三

4.3.2 效果

  • 一级无序列表二
    • 二级无序列表一
    • 二级无序列表二
    • 二级无序列表三
      • 三级无序列表一
      • 三级无序列表二
      • 三级无序列表三
  1. 一级有序列表
    1.1. 二级无序列表一
    1.2. 二级无序列表二
    1.3. 二级无序列表三

五、代码块

5.1 行内代码块

5.1.1 绘制

1
2
3
// 使用 ` 代码 ` 表示行内代码块。

` 代码 `

5.1.2 效果

代码

5.2 代码块

5.2.1 绘制

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
// 使用 ``` ``` 表示代码块,以下示例中的 (```) 是为了防止转义,在实际使用是去掉大括号的。

(1) 非代码示例:
(```)
非代码
(```)

(2) JavaScript示例:
(```)javascript
console.log('JavaScript')
(```)

(3) CSS示例:
(```)css
.abc {
width: 100px;
height: 100px;
}
(```)

5.2.2 效果

1
非代码
1
console.log('JavaScript')
1
2
3
4
.abc {
width: 100px;
height: 100px;
}


支付宝打赏 微信打赏

欣赏此文,打赏一下



-->