一. Html与Markdown

• Html是超文本标记语言，目前Html5是主流标准。
• Markdown是超轻量级标记语言，它是完全支持Html语法，可以直接使用html标签。
• Markdown是主要用于写文档，默认的Markdown语法写出来的文档效果还不是很丰富，所以有的Markdown编辑器对其进行扩展，使其支持公式、视频等。当然我们也可以自己使用html标签达到同样效果。

二. Markdown语法演示和注意事项

1. 标题

#+空格+标题内容" class="reference-link">语法 #+空格+标题内容

• 在行首插入 # 才有效
• # 个数表示标题的等级，有1-6级标题，对应html中h1-h6
• 注意事项:# 和标题内容之间一定有空格，空格至少一个，否则当成普通文本

源码

1. # 一级标题
2. ## 二级标题
3. ### 三级标题

效果

一级标题

二级标题

三级标题

2. 分割线

---" class="reference-link">语法 ---

• 在行首插入 - 才有效
• - 个数不能少于3个，一般与上一行文字长度对齐，这样Markdown文档显得好看
• 注意事项:—- 和上一行建议 至少隔一行 ，若上一行是普通文本，下一行是分割线则翻译成 二级标题。

源码

1. 分割线
2. -----
3. 分割线
5. -----

效果

分割线

分割线

---

注意 上面分割线与普通文本之间 隔行和没隔行 的区别

3. 列表

语法

• 在行首写才有效
• 有序列表: 1.+空格+内容，2.+空格+内容，…。注意 数字后而只能是点，不能是顿号。
• 无序列表: -/+/*+空格+内容,无序列表符号有3个，任意一个都可以
• 下一级: 无序列表 要在前面加上2个空格，若是在引用块中则要4个空格。有序列表 要用另一种计数方式
• 有序列表序号: 若是0.则表示从上行自动计算，若是小于或等于上一行也自动计算

源码

1. 1. 前端部分
2. (1). html
3. (2). css
4. 2. PHP编程
5. 2-1. 基础语法
6. 2-2. 全局变量
7. 0. 综合实战
9. -------------
11. - 前端部分
12. - html
13. - css
14. - PHP编程
15. + 基础语法
16. + 全局变量
17. - 综合实战

效果

1. 前端部分
   (1). html
   (2). css
2. PHP编程
   2-1. 基础语法
   2-2. 全局变量
3. 综合实战

• 前端部分
  
  
  • html
  • css
  
  
• PHP编程
  
  
  • 基础语法
  • 全局变量
  
  
• 综合实战

4. 引用

行引用是:>+空格+内容，行内引用是:`+内容+`" class="reference-link">语法 行引用是:>+空格+内容，行内引用是:`+内容+`

• 行引用要在行首才有效，行内引用在行内任何位置都可以

源码

1. >我是一行引用
3. 这里演示`行内引用`

效果

我是一行引用

这里演示 行内引用

5. 代码块

语法

• 单行代码同行内引用一样，都是 `+内容+`
• 多行代码块则```+(换行)+内容+(换行)+```,可以指定代码类型，如html、php和shell等，则自动高亮显示对应语法的关键字。

源码

1. 单行代码块:``
2. 多行代码块(这里省略多行代码块标签):
3. $name='woxiaoyao';
4. echo $name;

效果

1. $name='woxiaoyao';
2. echo $name;

6. 链接

语法

• 只显示链接文本: [内容](地址+空格+提示),提示可以不写
• 全显示: [内容](地址)<地址>
• 只显示链接: 内容<地址>

代码

1. [PHP中文网](https://www.php.cn 'PHP爱好者聚集乐园')
2. [PHP中文网](https://www.php.cn 'PHP爱好者聚集乐园')
3. PHP中文网<https://www.php.cn>

效果

PHP中文网
PHP中文网https://www.php.cn
PHP中文网https://www.php.cn

7.图片

语法

图片语法就是在链接语法前面加上感叹号！

代码

1. ![十三期前端开发](https://s1.ax1x.com/2020/10/19/0ve4zV.png '前端开发')

效果

8.表格

语法

• 表格由 |和- 画出，其中|表示竖向分割线，-表示横向分割线
• 表格由 表头+表格式+表内容 组成，表格式使用 冒号: 可以指定左、中、右对齐
• 表格更复杂操作、如颜色、列宽、合并等则需要html标签table来实现了

代码

1. |序号|内容|时间|讲师| **表头**
2. |:-:|---|---|----:| **表格式**
3. |1|前端开发|5周|朱老师| **表内容**
4. |2|PHP编程|4周|朱老师|
5. |3|综合实战|5周|灭绝/西门|

效果

三、个人总结

语法标签分类

• 单个标签: 如标题#、引用>、有序列表和无序列表等。
  +标签在 行首 才有效
  +标签和内容之间有 空格，引用>和内容之间有无空格均可以

  
  

• 成对标签: 如引用``，代码块```,强调 ，斜体*等。
  +标签和内容之间一般 不用空格
  +标签与外部文本之间 要有空格**

  
  

• 复合标签: 如链接 []()<> ,图上 ![]()，表格等
  +标签与内容之间不需要空格

  
  

• 生成目录 使用[toc]即可

  
  

几个特殊符

• 1个空格: 常用于语法标签与普通文本的分隔、链接或图片中提示文本与地址之间
• 2个空格: 如行内换行时需要两个空格+回车，无序列表下一级前面有空格
• 空行 建议不同语法标签之间要用空行分隔，否则易出现想不到效果