markdown简易教程
Author:zfs
markdown快速入门:传送门
首先需要了解html的标签组织形式。
标签结构并不复杂,形如此种结构:<html attr> content </html>
开标签
<html>
属性区attr
内容区content
闭合标签</html>
当然标签也是可以相互嵌套在其内容区域的。
各种标签有其相应的功能,如a
超链接标签,ul
无序列表标签,ol
有序列表标签等等。
markdown透明了中间的过程,会把特定格式的语法转为前端标签的形式。
下面开始介绍几种贼拉好用的语法:
1) =
和 -
分别控制最高阶标题和第二阶标题,主要区别在于字体大小和分隔符 对应h1和h2标签
dadadadada
=
效果:
dadadadada
dadadadada
-
效果:
dadadadada
2) #
标题h1~h6 #的个数对应1-6个 对应h1~h6标签
#haha
效果:
haha
##haha
效果:
haha
###haha
效果:
haha
依次推。。。
3) *
或_
和 **
或 __
调整字体斜体和加粗 对应em和strong标签
*斜体*
效果:
斜体
**粗体**
效果:
粗体
4) +空格
和 -空格
和 *空格
控制无序列表 对应ul标签
+ 打开冰箱门
- 把大象装进冰箱
* 关上冰箱门
效果:
- 打开冰箱门
- 把大象装进冰箱
- 关上冰箱门
5) 1.空格``2.空格``3.空格
控制有序列表 对应ol标签
1. 打开冰箱门
2. 把大象装进冰箱
3. 关上冰箱门
效果:
- 打开冰箱门
- 把大象装进冰箱
- 关上冰箱门
6) >
控制区块效果 对应blockquote标签
>出来吧大象
>能吃了嘛
效果:
出来吧大象
能吃了嘛
7) tab键或四个空格
用来划分代码块 对应pre标签
tab键跟上的内容
效果:
跟上的内容
8) []()
超链接 对应a标签
[zfs](https://www.zhangfengshuo.top)
效果:
后面跟上内容把鼠标放上去会显示:
[zfs](https://www.zhangfengshuo.top "zfs")
效果:
9) [][]
另一种链接形式
[zfs][suiyi]
[suiyi]: https://www.zhangfengshuo.top "zfs"
10) ![]()
显示图片 类似上面组织 对应img标签
效果:
在你自己本地实验!!!!!