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>