1.标题
用 # + 空格 + 文字内容
其中一级是一个#,几级就是几个#,最大六级
2.列表
无序列表用 * + 空格 + 内容
有序列表用 1(数字) + 点 + 内容
2.1无序列表
- 列表1
- 列表2
2.2有序列表
- 有序1
- 有序2
3.引用
用 > + 空格 + 内容
如果需要换行直接在换行处加上 \ ,多层嵌套可以用在下一行用两个 > 操作
4.行内标注
用 ` 符号来将代码块变成一行
这是一句演示 标注
在内
5.代码块
用 ``` 来包含
<div>
<span>span标签</span>
</div>
5.1自定义语法代码块
在 ```后直接跟语言名称(显示的代码块自动高亮)
var num = 0;
for (var i = 0; i < 5; i++){
console.log(i);
}
6.链接和图片
用 [名称](链接地址)表示链接
用![图片标题](图片链接)表示图片
例如: vue的官网地址 vue官网
示例图片
7.表格
: 代表对齐方式, : 和 | 之间不要有空格,否则对齐会有写不兼容
代码
| a | b | c |
|:----:|:------|------:|
| 居中 | 左对齐 | 右对齐|
|======|=== |===== |
演示
a | b | c |
---|---|---|
居中 | 左对齐 | 右对齐 |
====== | === | ===== |
8.内联样式
<p style="color: #AD5D0F";font-size: 30px; font-family: '宋体';>内联样式</p>
演示
内联样式
9.语义标记
描述 | 效果 | 代码 |
---|---|---|
斜体 | 斜体 | *斜体* |
斜体 | 斜体 | _斜体_ |
加粗 | 斜体 | **斜体** |
加粗+斜体 | 斜体+斜体 | ***斜体*** |
删除线 | ~~删除线~~ |
10.标签语义
描述 | 效果 | 代码 |
---|---|---|
斜体 | 斜体 | <i>斜体</i> |
加粗 | 加粗 | <b>加粗</b> |
强调 | 强调 | <em>强调</em> |
上标 | 22 | 2<sup>2</sup> |
下标 | 22 | 2<sub>2</sub> |
键盘文字 | ctrl | <kbd>ctrl</kbd> |
换行 | 无法演示 | 空格+空格+ 回车 |
11.分割符
代码
***
---
* * *