Markdown基本用法精简描述
该篇主要记录了Markdown的基本语法,也是我为了学习时加深记忆并记录我学习过程写的这篇博客,
我是在https://www.runoob.com/markdown上学习的,如果感兴趣的朋友也可以在该链接进行学习,内容更加详细。
Markdown标题
h2 标题
h3 标题
h4 标题
h5 标题
h6 标题
# Markdown标题
## h2 标题
### h3 标题
#### h4 标题
##### h5 标题
###### h6 标题
水平线
___
---
***
文本样式
####(不可有空格)
删除线
斜体
粗体
又粗又斜
下划线
进行注释[^注释]
~~删除线~~
*斜体*
**粗体**
***又粗又斜***
<u>下划线</u>
进行注释[^注释]
列表
必须有空格
无序列表可用(*)(+)(-)
-
第一项
-
第二项
-
第三项
* 第一项
* 第二项
* 第三项
有序列表:数字加.
-
第一项
-
第二项
-
第三项
1. 第一项
2. 第二项
3. 第三项
区块
第一层
第二层
第三层
>第一层
>>第二层
>>>第三层
代码
单个代码`printf()`printf()
多行代码可用4个空格或一个Tab键或```包围代码
$(document).ready(function () {
alert('RUNOOB');
});
链接
-
<链接地址>
https://www.runoob.com
<https://www.runoob.com>
-
文末进行链接赋值
这个链接用 runoob 作为网址变量 [Runoob][runoob]
[runoob]: http://www.runoob.com/
[Runoob][runoob]
[runoob]: http://www.runoob.com/
图片
![alt 属性文本](图片地址 "可选标题")
例:[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-CIO3UAAb-1604226196624)(http://static.runoob.com/images/runoob-logo.png “RUNOOB”)]
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-aZ6oISvY-1604226196626)(http://static.runoob.com/images/runoob-logo.png "RUNOOB")]
-
也可以像链接一样进行文末赋值
[RUNOOB][1].
[1]: http://static.runoob.com/images/runoob-logo.png
[RUNOOB][1].
[1]: http://static.runoob.com/images/runoob-logo.png
-
如需要指定图片大小可直接用
<img>
属性
<img src="http://static.runoob.com/images/runoob-logo.png" width="50%">
表格
| 表头 | 表头 |
| ---- | ---- |
| 单元格 | 单元格 |
| 单元格 | 单元格 |
`| 表头 | 表头 |`
`| ---- | ---- |`
`| 单元格 | 单元格 |`
`| 单元格 | 单元格 |`
对齐方式:
- -: 设置内容和标题栏居右对齐。
- :- 设置内容和标题栏居左对齐。
- :-: 设置内容和标题栏居中对齐。
| 左对齐 | 右对齐 | 居中对齐 |
| :-----| ----: | :----: |
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |
`| 左对齐 | 右对齐 | 居中对齐 |`
`| :-----| ----: | :----: |`
`| 单元格 | 单元格 | 单元格 |`
`| 单元格 | 单元格 | 单元格 | `
高级用法
Markdown不支持的方法,可用HTML编写
目前支持的HTML元素有:<kbd> <b> <i> <em> <sup> <sub> <br>
转义字符——反斜杠
需要显示字符时可以在字符前加入’\’,就能正常显示字符了。
数学公式和流程图
Markdown不支持的方法,可用HTML编写
目前支持的HTML元素有:<kbd> <b> <i> <em> <sup> <sub> <br>
转义字符——反斜杠
需要显示字符时可以在字符前加入\,就能正常显示字符了。
数学公式和流程图
因为不常应用,所以不多加赘述了。