MarkDown 快速开始 基础教学

# MarkDown 快速上手 #
> [源代码](https://www.cnblogs.com/qiyuexin/p/9932941.html)
> by qyx@2018/11/07  
## 1. 标题
> 标题样式
> # #标题1 
> blablabla
> ## ##标题2
> blablabla
> ### ###标题3
> blablabla
> #### ####标题4
> blablabla
> ##### #####标题5
> blablabla
> ###### ######标题6
> blablabla
> ####### ######标题7
> 最多6级标题

## 2. 段落
### 2.1 换行
换行示意1 （末尾加`</br>`）</br>
换行示意2（末尾敲两个以上空格后回车）  
### 2.2 缩进
无缩进</br>
no_space</br>
&nbsp;not break space(`&nbsp;`)，非断行空格，缩进1/4个中文字符。  
&ensp;En Space(`&ensp;`)，半角空格，缩进1/2个中文字符。  
&emsp;Em Space(`&emsp;`)，全角空格，缩进1个中文字符。  
### 2.3 编号
编号分为:   
&emsp;&emsp;**有序编号**（使用数字+点+空格，例如`1. item`）对应html的`<ol><li>item</li></ol>`   
&emsp;&emsp;**无序编号** （使用‘+’或者‘-’或者‘*’+空格，例如`* item`）对应html的`<ul><li>item</li></ul>`   

使用示例（需要注意的是下段代码开始前，需要隔一空行）:

1. 有序编号1 (`1.有序编号1`)
2. 有序编号2  (`2. 有序编号2`)  
7. 有序编号7，会自动编成3(`7. 有序编号7`)  
  * 嵌套一级无序1 (`  * 嵌套一级无序1`)  
     - 二级无序1  
  * 一级无序2  
     1. 嵌套有序1  
     2. 嵌套有序2  
* 即使是`*`也会变成有序编号(`* 即使是`)    


**html 方式编号**
<ol>
<li>序号1</li>
<li>序号2</li>
<li>序号3
    <ul>
    <li>嵌套一级无序1
        <ul>
        <li>嵌套二级无序1</li>
        </ul>
    </li>
    <li>一级无序2
        <ol>
        <li>嵌套有序1</li>
        <li>嵌套有序2</li>
        </ol>
    </li>
    </ul>
<li>序号4</li>
</ol>


### 2.4 引用
> 引用样式：  
> 第二行引用  

在需要引用的地方添加<b> `> `</b> 即可。

### 2.5 代码
**code**
用法：使用两个``字符即可  
示例：`yourcode`相当于html中的`<code>yourcode</code>`  

**程序代码**  
代码使用tab键缩进即可，示例如下：  

    void main(void)
    {
        // 使用Tab键缩进即可
    }

需要注意的是下段代码开始前，需要隔一空行：

    void func(void);    // 或者使用至少4个空格
### 2.6 超链接
用法： `[超链接名称](网址url)`
比如：[https://www.cnblogs.com/qiyuexin/](https://www.cnblogs.com/qiyuexin/ "myBlogs")

### 2.7 图片
用法： `![可选文本，空着即可](图片网址)`  
比如：`![kaola](https://i.imgur.com/acQTdDx.jpg)`  
![kaola](https://i.imgur.com/acQTdDx.jpg)
把方括号前的感叹号去掉则为超链接。
[kaola](https://i.imgur.com/acQTdDx.jpg)  

## 3. 字体
### 3.1 字体样式及大小
使用  
`<font face="字体名称" size="字体大小">需要调整的字体</font>`  
比如：  
<font face="黑体" size=3>黑体 size=3</font>  

html字体加粗  
&emsp;&emsp;<b> `<b>需要加粗的字体</b>` </b>
### 3.2 字体颜色
<table >
<tr>
<td style="background-color:red">red</span></td>
<td style="background-color:orange">orange</td>
<td style="background-color:blue">blue</td>
<td style="background-color:green">green</td>
<td style="background-color:cyan">cyan</td>
<td style="background-color:indigo">indigo</td>
<td style="background-color:purpule">purpule</td>
<td style="background-color:brown">brown</td>
<td style="background-color:deeppink">deeppink</td>
<td style="background-color:gold">gold</td>
<td style="background-color:brown">brown</td>
</tr>
<tr>
<td style="background-color:Magenta">Magenta</td>
<td style="background-color:Maroon">Maroon</td></br>
<td style="background-color:darkgreen">darkgreen</td>
<td style="background-color:greenyellow">greenyellow</td>
<td style="background-color:forestgreen">forestgreen</td>
<td style="background-color:lawngreen">lawngreen</td>
<td style="background-color:lightgreen">lightgreen</td>
<td style="background-color:LightSeaGreen">LightSeaGreen</td>
<td style="background-color:LimeGreen">LimeGreen</td>
<td style="background-color:palegreen">palegreen</td>
<td style="background-color:lightgreen">lightgreen</td>
</tr>
</table>

### 3.3 添加字体背景色
使用span标签实现，使用方法：`<span style=background-color:red>word</span>`  
用法示例：<font face="黑体" size=5><span style="background-color:red">红色背景黑体5size字体</span></font>  

## 4. 表格
<ol>
    <li>基本表格</li>
    <table border="2" bordercolor="black" width="300" cellspacing="0" cellpadding="5">
        <tr>
            <td >1.1</td>
            <td>1.2</td>
            <td>1.3</td>
        </tr>
        <tr>
            <td>2.1</td>
            <td>2.2</td>
            <td>2.3</td>
        </tr>
        <tr>
            <td>3.1</td>
            <td>3.2</td>
            <td>3.3</td>
        </tr>
    </table>

    <br/>
    <li>表格合并列</li>
    <table border="2" bordercolor="black" width="300" cellspacing="0" cellpadding="5">
        <tr>
            <td colspan="3"  align="center">1.1</td>
            <!--<td>1.2</td>-->
            <!--<td>1.3</td>-->
        </tr>
        <tr>
            <td>2.1</td>
            <td>2.2</td>
            <td>2.3</td>
        </tr>
        <tr>
            <td>3.1</td>
            <td>3.2</td>
            <td>3.3</td>
        </tr>
    </table>

    <br/>
    <li>表格合并行</li>
    <table border="2" bordercolor="black" width="300" cellspacing="0" cellpadding="5">
        <tr>
            <td  rowspan="3"  align="center">1.1</td>
            <td>1.2</td>
            <td>1.3</td>
        </tr>
        <tr>
            <!--<td>2.1</td>-->
            <td>2.2</td>
            <td>2.3</td>
        </tr>
        <tr>
            <!--<td>3.1</td>-->
            <td>3.2</td>
            <td>3.3</td>
        </tr>
    </table>

    <br/>
    <li>复杂表格</li>
    <table border="2" bordercolor="black" width="300" cellspacing="0" cellpadding="5">
        <tr>
            <td >1.1</td>
            <td colspan="2">1.2</td>
            <!--<td>1.3</td>-->
        </tr>
        <tr>
            <td >2.1</td>
            <td rowspan="2">
                2.2
                <br/>
                3.2
            </td>
            <td>2.3</td>
        </tr>
        <tr>
            <td>3.1</td>
            <!--<td>3.2</td>-->
            <td>3.3</td>
        </tr>
    </table>
    <br/>
</ol>