markdown语法教学（for萌新版）

àì夳堔傛蜴生んèń 2022-06-05 04:43 220阅读 0赞

### 1、标题 ###

语法：

说明：

1.  可以从`h1`~`h6`，越大的文字越大。

### 2、引用 ###

> 这里是引用文字

语法：

> 这里是引用文字

说明：

1.  左边是大于号

### 3、正文 ###

正文，第一行，  
然后换行失败，他们连写到一起了。

然后换行，但是两行有间隔；  
再换行，但是两行没有间隔。

语法：

正文，第一行，
    然后换行失败，他们连写到一起了。
    
    然后换行，但是两行有间隔；<br>
    再换行，但是两行没有间隔。

说明：

1.  换行分三种：
2.  普通的直接换一行，显示效果是没有换行的，两段文字会连在一起；
3.  有间隔的换行，需要中间额外空一行；
4.  无间隔的换行，需要在上一行的末尾打一个`<br>`换行标签；

### 4、列表 ###

1.  有序列表；
2.  第二行；
3.  第三行；

语法：

1. 有序列表；
    2. 第二行；
    3. 第三行；

说明：

1.  开头需要以`数字` 加上英文句号 `.` 加上一个英文空格（就是半角空格）的组合方式；
2.  然后后面跟文字就行；
3.  前面的数字不影响实际显示数字；
4.  连续多条之间，只需要换行就行，不需要额外空行，也不需要用`<br>`标签。

--------------------

1.  用html标签写的有序列表
2.  这种写法不需要前面标注数字
3.  用html标签写的有序列表

语法：

<ol>
    <li>用html标签写的有序列表</li>
    <li>这种写法不需要前面标注数字</li>
    <li>用html标签写的有序列表</li>
    </ol>

说明：

1.  这种是html标签的写法；
2.  用ol时是有序列表，类似上面的；
3.  用ul时是无序列表，开头是一个点，如下面示例；

--------------------

*  无序列表
 *  写法是li标签被ul标签包含
 *  这个也是html标签的语法

语法：

<ul>
    <li>无序列表</li>
    <li>写法是li标签被ul标签包含</li>
    <li>这个也是html标签的语法</li>
    </ul>

说明：

1.  就是黑色的一个点开头；
2.  没有数字；
3.  一般表示并行语法；

### 5、分割线 ###

--------------------

语法：

---

说明：

1.  三个减号写一起；
2.  单独一行；

### 6、代码块 ###

这里的内容就表示是代码块；
    代码块里写什么就会显示什么；
    不会被缩进，也不会被转义<li></li>
    ``qw``代码块以单独一行的三个点开头，也以单独一行的三个点结尾，```如果不是单独一行，那么也不会被识别。

语法：

\（前面这个斜杠不要）``` 这里的内容就表示是代码块；
    代码块里写什么就会显示什么；
    不会被缩进，也不会被转义<li></li>
    ``qw``代码块以单独一行的三个点开头，也以单独一行的三个点结尾，```如果不是单独一行，那么也不会被识别。
    \（前面这个斜杠不要）```

说明：

1.  点是大键盘1左边那个键，记得是英文模式下的；
2.  单独一行的三个点作为开头，也作为结尾；
3.  如果要和其他文字混一起，只对几个进行代码块，那么用两个点包含就行，例如 `a` 的语法是：

``a``

### 7、加粗和斜体 ###

**加粗写法1**

**加粗写法2**

*斜体写法1*

*斜体写法2*

语法：

**加粗写法1**
    
    <b>加粗写法2</b>
    
    *斜体写法1*
    
    <i>斜体写法2</i>

说明：

1.  不需要单独起一行，可以和其他的混一起；
2.  但是不能混在代码块内（即两个或三个的`` ` ``）；

### 8、表格 ###

<table> 
 <tbody> 
  <tr> 
   <td>1-1</td> 
   <td>1-2</td> 
  </tr> 
  <tr> 
   <td>2-1</td> 
   <td>2-2</td> 
  </tr> 
  <tr> 
   <td>跨行</td> 
   <td>3-2</td> 
  </tr> 
  <tr> 
   <td>跨行的第二行对应位置的要省略掉</td> 
  </tr> 
  <tr> 
   <td colspan="2">跨列</td> 
  </tr> 
 </tbody> 
</table>

语法：

<table>
    <tr><td>1-1</td><td>1-2</td></tr>
    <tr><td>2-1</td><td>2-2</td></tr>
    
    <tr><td rowspan='2'>跨行</td><td>3-2</td></tr>
    <tr><td>跨行的第二行对应位置的要省略掉</td></tr>
    
    <tr><td colspan='2'>跨列</td></tr>
    </table>

说明：

1.  其实就是标准的html语法；
2.  table标签最外层；
3.  tr标签是行标签；
4.  td标签是行里的一格的标签；
5.  不太明白的话看上面的示例，复制粘贴就行；
6.  可以考虑先在html写好，再复制粘贴拿出来；

### 9、链接 ###

点击可以跳转到我的博客：[qq20004604的博客][qq20004604]，就是这样。

语法：

点击可以跳转到我的博客：[qq20004604的博客](http://blog.csdn.net/qq20004604)，就是这样。

说明：

1.  组合是方括号加圆括号；
2.  方括号内的东西是显示的文字；
3.  圆括号里是要跳转的目标链接；

### 10、图片 ###

![这里写图片描述][TB1UDHOcwoQMeJjy0FoXXcShVXa-286-118.png_20_E7_A4_BA_E6_84_8F_E5_9B_BE]

语法：

说明：

1.  src里是图片的链接；
2.  这个也是标准的html语法，不懂的话没关系，只要记得src里放图片链接就行；
3.  可以写绝对路径（一般是http开头的），也可以放相对路径（相对当前md文件的文件位置）；
4.  假如图片太大，可以通过添加`width='100%'`和`height=![这里写图片描述](https://img.alicdn.com/tfs/TB1UDHOcwoQMeJjy0FoXXcShVXa-286-118.png)'100%'`来设置其宽高，引号里的值，可以用百分比（相对当前屏幕的宽高），也可以用`px`像素点；
5.  如果不确定效果怎么样，那么就多调试几次吧~；
6.  如果什么都不设置，那么就是图片的原始大小咯；

[qq20004604]: http://blog.csdn.net/qq20004604
[TB1UDHOcwoQMeJjy0FoXXcShVXa-286-118.png_20_E7_A4_BA_E6_84_8F_E5_9B_BE]: https://img.alicdn.com/tfs/TB1UDHOcwoQMeJjy0FoXXcShVXa-286-118.png%20%E7%A4%BA%E6%84%8F%E5%9B%BE