Markdown 其实可以算是 HTML 的简化版,写起来要比 HTML 方便很多。
标题
1 2 3 4
| # 一级标题 ## 二级标题 ### 三级标题 #### 四级标题
|
等价 HTML 标签:
1 2 3 4
| <h1>一级标题</h1> <h2>二级标题</h2> <h3>三级标题</h3> <h4>四级标题</h4>
|
一级标题是用的最少的,写文档时一般用二级标题。
链接
等价 HTML 标签:
图片
等价 HTML 标签:
1
| <img src="图片链接" alt="文本">
|
表格
1 2 3
| | 表格标题 1 | 表格标题 2 | 表格标题 3 | | :--: | :--: | :--: | | 表格内容 1 | 表格内容 2 | 表格内容 3 |
|
等价 HTML 标签:
1 2 3 4 5 6 7 8 9 10 11 12
| <table> <tr> <th>表格标题 1</th> <th>表格标题 2</th> <th>表格标题 3</th> </tr> <tr> <td>表格内容 1</td> <td>表格内容 2</td> <td>表格内容 3</td> </tr> </table>
|
序列
有序序列
1 2 3
| 1. 有序序列 1 2. 有序序列 2 3. 有序序列 3
|
等价 HTML 标签:
1 2 3 4 5
| <ol> <li>有序序列 1</li> <li>有序序列 2</li> <li>有序序列 3</li> </ol>
|
无序序列
1 2 3
| - 无序序列 1 - 无序序列 2 - 无序序列 3
|
等价 HTML 标签:
1 2 3 4 5
| <ul> <li>无序序列 1</li> <li>无序序列 2</li> <li>无序序列 3</li> </ul>
|
删除
等价 HTML 标签:
斜体
等价 HTML 标签:
标粗
等价 HTML 标签:
引用
等价 HTML 标签:
1 2 3
| <blockquote> 引用内容 </blockquote>
|
分割
等价 HTML 标签:
代码
行内代码
等价 HTML 标签:
1
| <code>("hello world")</code>
|
代码块
1 2 3
| ```python print("hello world") ```
|
等价 HTML 标签:
1 2 3
| <pre> <code>print("hello world")</code> </pre>
|
任务
待办
1 2 3
| - [ ] 待办事项 1 - [ ] 待办事项 2 - [ ] 待办事项 3
|
等价 HTML 标签:
1 2 3 4 5
| <ul> <li><input type="checkbox" value=""> 待办事项 1</li> <li><input type="checkbox" value=""> 待办事项 2</li> <li><input type="checkbox" value=""> 待办事项 3</li> </ul>
|
已办
1 2 3
| - [x] 已办事项 1 - [x] 已办事项 2 - [x] 已办事项 3
|
等价 HTML 标签:
1 2 3 4 5
| <ul> <li><input type="checkbox" value="x" checked> 已办事项 1</li> <li><input type="checkbox" value="x" checked> 已办事项 2</li> <li><input type="checkbox" value="x" checked> 已办事项 3</li> </ul>
|