Collection
Collection
Markdown是一种纯文本格式的标记语言,可以轻松转为HTML文档
MarkDown 基本语法1. 分级标题2. 文本修饰 3. 链接标记 3.1 行内式3.2 参考式3.3 自动链接4. 锚点标记5. 列表5.1 无序列表5.2 有序列表5.3 定义列表5.4 任务列表6. 引用标记7 图像标记7.1 行内式7.2 参考式8. 表格标签9. 分隔线10. 代码标记10.1 行内式10.2 代码块11. 流程图
1. 分级标题
# : 一级标题
##: 二级标题
###: 三级标题
####: 四级标题
#####: 五级标题
######: 六级标题
标记与文本之间有一个空格, [TOC]标记会把所有的标题写到目录大纲中
2. 文本修饰
文本修饰主要有粗体, 斜体, 删除线等, 标记与文本之间不能有空格
**粗体文本**: 粗体, MarkDown
*斜体文本*: 斜体, MarkDown
***加粗斜体文本***: 粗体+斜体, MarkDown
~~删除线~~: 删除线文本, 原价999
3. 链接标记
有行内式与参考式二种, 其中, 行内式使用最多
3.1 行内式
[alt文本](href地址 "title文本"): 等价于<a hef="" alt="" title="">***</a>title文本可选
例如: [京东](https://www.jd.com/): 京东, 淘宝, 鼠标放在淘宝上试试看
最终都会被转为html中的<a>标签: <a href="..." alt="..." title="..."
3.2 参考式
如果需要在一个文档中, 多次引用一个链接,可以使用参考式,对链接进行统一管理
参考式语法: [链接文本][链接标识], 如 [京东][1], 表示链接标识为1代表京东链接
举例: 我经常去的购物网站有: [京东][1], [淘宝][2], [拼多多][3],显示结果:京东, 淘宝, 拼多多
如果链接文本,本身就是链接标识,可以省略链接标识[我的博客][]
通常在文未统一声明这些链接:
[1]:https://jd.com "***低价,***保障"
[2]:https://taobao.com "淘!我喜欢"
[3]:https://https://www.pinduoduo.com "新电商开创者"
[我的博客]:https//blog.php.cn
3.3 自动链接
<url/email地址>: 自动转为url地址或emal
<https://php.cn>: https://php.cn
<peter@php.cn>: peter@php.cn
4. 锚点标记
目前只支持在标题后面添加锚点标记
## 标题文本{#index}:
跳转到[文本修饰](#index)
5. 列表
与html标签类似, 也有无序列表, 有序列表,定义列表三类
5.1 无序列表
使用* , +, -中的任何一个符号,都可以定义一个无序列表项
*: * list-item1, 推荐
+: + list-item
-: - list-item
5.2 有序列表
有序列表要求使用数字+英文句点+空格+列表项
1. 有序列表项1
2. 有序列表项2
3. 有序列表荐3
5.3 定义列表
语法:
HTML
: 超文本标记语言
CSS
: CSS层叠样式表
注意, 你的MarkDown编辑器不一定支持
5.4 任务列表
语法:
[X] 第一项工作
[X] 第二项工作
示例
[x] 第一项工作
[x] 第二项工作
[] 第三项工作
6. 引用标记
语法: > 引用的文本内容
引用文本
可以嵌套引用文本
更深一级的引用
引用文本中可以添加其它的Markdown的标记,如标题,列表,代码等
第一章: 大闹天宫
孙悟空当上了弼马温
美猴王大闹蟠桃宴
echo 'Hello World~~';
7 图像标记
与链接标记类似,也有行内式和参考式等几种
7.1 行内式
语法: 
举例: 
7.2 参考式
语法: ![alt文本][标记], 在其它地方统一设置它, 语法与链接标记是一样的
![女朋友][1]
...
[1]:images/girl.jpg "氧气美女"
8. 表格标签
基本语法
第一行为表头，第二行分隔表头和主体部分，第三行开始每一行为一个表格行
列于列之间用管道符 | 隔开。原生方式的表格每一行的两边也要有管道符|
第二行还可以为不同的列指定对齐方向。默认为左对齐，在-右边加上:就右对齐
示例
用户ID
邮箱
级别
1001 1787727344@qq.com 8
1004 peter@php.cn 1
9800 398993420@qq.com 9
9. 分隔线
在一行使用三个以上的***, ---, ___, 可创建一条分隔条, 这些标记之间可以有空格
推荐使用---, 长度最好与当行最长的文本行一致, 显示排版整齐
10. 代码标记
代码有二种方式添加到文档中, 一种是行内式, 一种是代码块
10.1 行内式
行内代码,适用于只有一行代码,或者需要使用代码标注的文本,用一个反引号表示
例如: 获取页面元素的方式是: const ele = document.getElementById('box')
10.2 代码块
大段多行的代码,适合使用代码块来定义
代码块使用三个反引号开始, 可以在反引号后面跟上编程语言名称
<!doctype html>
<html lang="en">
<heac>
<meta charset="utf-8">
<title>默认标题</title>
</head>
<body>
....
</body>
</html>
11. 流程图
关于流程图, 每种编辑器实现的方式与语法是有差别的
开始My OperationYes or No?Endyes
作者: php中文网 朱老师(peter zhu)
By: 第八期学员Robin
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
