一、概述
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> |
|
三、表格
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 效果
- 有序列表一
- 有序列表二
- 有序列表三
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.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
| console.log('JavaScript')
|
1 2 3 4
| .abc { width: 100px; height: 100px; }
|