博客列表 >Markdown基本语法及实例演示(五分钟学会)

Markdown基本语法及实例演示(五分钟学会)

导导的PHP学习笔记
导导的PHP学习笔记原创
2020年10月08日 14:57:19850浏览

Markdown是一种纯文本格式的标记语言,它具有易于学习,易于阅读,易于创作等优点。下面就让我们来一起学习掌握Markdown的常用语法吧!

需要特别说明的是,Markdown语法需要有支持Markdown语法的编辑器或是编辑模式,你才能使用Markdown来创作。

一、标题

说法说明1:在想要设置为标题的文字前添加#来表示,#与文字之间需要有一个空格。

说法说明2:添加一个#好代表一级标题,添加二个#代表二级标题,以此类推,最多支持六级标题,也就是六个#。

说法说明3:一般来说,一个文档应该只有一个一级标题

实例:

  1. # 这是一级标题
  2. ## 这是二级标题
  3. ### 这是三级标题
  4. #### 这是四级标题
  5. ##### 这是五级标题
  6. ###### 这是六级标题

效果如下:

这是一级标题

这是二级标题

这是三级标题

这是四级标题

这是五级标题
这是六级标题

二、分割线

语法说明1:一般使用三个-来表示一条分割线,你也可以使用三个以上的-来表示分割线,但是至少需要三个-(减号)

实例:

---

效果如下:


三、段落

段落的话,直接正常写就行了,不需要添加什么符号

实例:

markdown是一种超轻量级的标记语言
html是超文本语言
php是服务器端的脚本语言


四、列表

列表分为有序列表和无序列表两种,具体语法如下所示:

1、有序列表

语法:使用数字加一个点来表示即可,点与后面的内容之间有没有空格都可以

实例:

  1. 本次考试成绩排名如下:
  2. 1. 张三
  3. 2. 李四
  4. 3. 王五

效果如下:
本次考试成绩排名如下:

  1. 张三
  2. 李四
  3. 王五

2、无序列表

语法:使用-来表示
注意:-与后面的内容之间需要有一个空格

实例:

  1. 我喜欢吃的水果有:
  2. - 苹果
  3. - 香蕉
  4. - 梨子

3、列表之间可以进行嵌套

语法:上一级列表与下一级列表之间需要有两个空格

实例:

  1. 1. 张三的爱好
  2. - 打篮球
  3. - 玩游戏
  4. 2. 李四的爱好
  5. - 喝酒
  6. - 抽烟
  7. 3. 王五的爱好
  8. - 打篮球
  9. - 踢足球

显示效果:

  1. 张三的爱好
    • 打篮球
    • 玩游戏
  2. 李四的爱好
    • 喝酒
    • 抽烟
  3. 王五的爱好
    • 打篮球
    • 踢足球

五、引用

语法:在内容前使用一个大于号>

实例:

>千里之行,始于足下。——老子

显示效果如下:

千里之行,始于足下。——老子

六、代码块

1、单行代码

语法:在代码前后分别使用一个反引号`包裹起来

实例:把代码使用反引号`包裹起来:

`<?php echo “PHP是最好的语言!”?>`

显示效果如下:
<?php echo “PHP是最好的语言!”?>

2、多行代码

语法:在代码前后分别使用三个反引号`包裹起来

实例:
```

<html>

<head>

<meta charset="UTF-8">

<title>……</title>
</head>

<body>
……
</body>
</html>
```

显示效果:

  1. <html>
  2. <head>
  3. <meta charset="UTF-8">
  4. <title>……</title>
  5. </head>
  6. <body>
  7. ……
  8. </body>
  9. </html>

七、超链接

1、超文本链接

语法:[超链接文本](超链接地址)

实例:

[百度](https://www.baidu.com/)

显示效果:

百度


2、超链接

语法:<超链接地址>

实例:

<https://www.baidu.com/>

显示效果:

https://www.baidu.com/


3、同时显示超文本和超链接

语法:[超链接文本](超链接地址)<超链接地址>

实例:

[百度](https://www.baidu.com/)<https://www.baidu.com/>

显示效果:

百度https://www.baidu.com/


4、同时显示文本和超链接

语法:文本<超链接地址>

实例:

百度<https://www.baidu.com/>

显示效果:

百度https://www.baidu.com/

八、图片

语法1:![图片alt](图片地址)
说明:图片alt主要是给搜索引擎读取的

实例:

![百度](https://www.baidu.com/img/flexible/logo/pc/result.png)

显示效果:

百度

语法2:

![图片alt](图片地址 "图片title")

说明:图片title主要在鼠标移动到图片上显示的内容。此项可以选择性添加

实例:

![百度](https://www.baidu.com/img/flexible/logo/pc/result.png "百度一下,你就知道")

显示效果(鼠标移动到图片上会有显示哦):

百度


九、表格

语法:
第一行为表头,用竖线|依次分隔每一个表名;
第二行用于分割表头和内容,用|分割,竖线与竖线之间使用减号-填充(数量不限,美观即可),表格文字内容默认左对齐,如果需要文字居中,就在减号-的左右两边分别添加上一个冒号:,如果需要文字右对齐,则在减号-右边添加一个冒号:;
从第三行开始就是填写表格的内容了,内容之间用竖线|依次分隔。

实例:

  1. |姓名|性别|年龄|
  2. |--|:--:|--:|
  3. |张三|男|28|
  4. |翠花|女|18|
  5. |李四|男|38|

显示效果:

姓名 性别 年龄
张三 28
翠花 18
李四 38

总结

markdown语法还是非常简单的,会快就能入门了,并且markdown还有一些高级功能,如可以画流程图等,感兴趣的小伙伴可以找相关的资料来进一步学习!

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议