1. 程式人生 > >MarkDown 快速開始 基礎教學

MarkDown 快速開始 基礎教學

  1 # MarkDown 快速上手 #
  2 > [原始碼](https://www.cnblogs.com/qiyuexin/p/9932941.html)
  3 > by [email protected]/11/07  
  4 ## 1. 標題
  5 > 標題樣式
  6 > # #標題1 
  7 > blablabla
  8 > ## ##標題2
  9 > blablabla
 10 > ### ###標題3
 11 > blablabla
 12 > #### ####標題4
 13 > blablabla
14 > ##### #####標題5 15 > blablabla 16 > ###### ######標題6 17 > blablabla 18 > ####### ######標題7 19 > 最多6級標題 20 21 ## 2. 段落 22 ### 2.1 換行 23 換行示意1 (末尾加`</br>`)</br> 24 換行示意2(末尾敲兩個以上空格後回車) 25 ### 2.2 縮排 26 無縮排</br> 27 no_space</br> 28
&nbsp;not break space(`&nbsp;`),非斷行空格,縮排1/4箇中文字元。 29 &ensp;En Space(`&ensp;`),半形空格,縮排1/2箇中文字元。 30 &emsp;Em Space(`&emsp;`),全形空格,縮排1箇中文字元。 31 ### 2.3 編號 32 編號分為: 33 &emsp;&emsp;**有序編號**(使用數字+點+空格,例如`1. item`)對應html的`<ol><li>item</li></
ol>` 34 &emsp;&emsp;**無序編號** (使用‘+’或者‘-’或者‘*’+空格,例如`* item`)對應html的`<ul><li>item</li></ul>` 35 36 使用示例(需要注意的是下段程式碼開始前,需要隔一空行): 37 38 1. 有序編號1 (`1.有序編號1`) 39 2. 有序編號2 (`2. 有序編號2`) 40 7. 有序編號7,會自動編成3(`7. 有序編號7`) 41 * 巢狀一級無序1 (` * 巢狀一級無序1`) 42 - 二級無序1 43 * 一級無序2 44 1. 巢狀有序1 45 2. 巢狀有序2 46 * 即使是`*`也會變成有序編號(`* 即使是`) 47 48 49 **html 方式編號** 50 <ol> 51 <li>序號1</li> 52 <li>序號2</li> 53 <li>序號3 54 <ul> 55 <li>巢狀一級無序1 56 <ul> 57 <li>巢狀二級無序1</li> 58 </ul> 59 </li> 60 <li>一級無序2 61 <ol> 62 <li>巢狀有序1</li> 63 <li>巢狀有序2</li> 64 </ol> 65 </li> 66 </ul> 67 <li>序號4</li> 68 </ol> 69 70 71 ### 2.4 引用 72 > 引用樣式: 73 > 第二行引用 74 75 在需要引用的地方新增<b> `> `</b> 即可。 76 77 ### 2.5 程式碼 78 **code** 79 用法:使用兩個``字元即可 80 示例:`yourcode`相當於html中的`<code>yourcode</code>` 81 82 **程式程式碼** 83 程式碼使用tab鍵縮排即可,示例如下: 84 85 void main(void) 86 { 87 // 使用Tab鍵縮排即可 88 } 89 90 需要注意的是下段程式碼開始前,需要隔一空行: 91 92 void func(void); // 或者使用至少4個空格 93 ### 2.6 超連結 94 用法: `[超連結名稱](網址url)` 95 比如:[https://www.cnblogs.com/qiyuexin/](https://www.cnblogs.com/qiyuexin/ "myBlogs") 96 97 ### 2.7 圖片 98 用法: `![可選文字,空著即可](圖片網址)` 99 比如:`![kaola](https://i.imgur.com/acQTdDx.jpg)` 100 ![kaola](https://i.imgur.com/acQTdDx.jpg) 101 把方括號前的感嘆號去掉則為超連結。 102 [kaola](https://i.imgur.com/acQTdDx.jpg) 103 104 ## 3. 字型 105 ### 3.1 字型樣式及大小 106 使用 107 `<font face="字型名稱" size="字型大小">需要調整的字型</font>` 108 比如: 109 <font face="黑體" size=3>黑體 size=3</font> 110 111 html字型加粗 112 &emsp;&emsp;<b> `<b>需要加粗的字型</b>` </b> 113 ### 3.2 字型顏色 114 <table > 115 <tr> 116 <td style="background-color:red">red</span></td> 117 <td style="background-color:orange">orange</td> 118 <td style="background-color:blue">blue</td> 119 <td style="background-color:green">green</td> 120 <td style="background-color:cyan">cyan</td> 121 <td style="background-color:indigo">indigo</td> 122 <td style="background-color:purpule">purpule</td> 123 <td style="background-color:brown">brown</td> 124 <td style="background-color:deeppink">deeppink</td> 125 <td style="background-color:gold">gold</td> 126 <td style="background-color:brown">brown</td> 127 </tr> 128 <tr> 129 <td style="background-color:Magenta">Magenta</td> 130 <td style="background-color:Maroon">Maroon</td></br> 131 <td style="background-color:darkgreen">darkgreen</td> 132 <td style="background-color:greenyellow">greenyellow</td> 133 <td style="background-color:forestgreen">forestgreen</td> 134 <td style="background-color:lawngreen">lawngreen</td> 135 <td style="background-color:lightgreen">lightgreen</td> 136 <td style="background-color:LightSeaGreen">LightSeaGreen</td> 137 <td style="background-color:LimeGreen">LimeGreen</td> 138 <td style="background-color:palegreen">palegreen</td> 139 <td style="background-color:lightgreen">lightgreen</td> 140 </tr> 141 </table> 142 143 ### 3.3 新增字型背景色 144 使用span標籤實現,使用方法:`<span style=background-color:red>word</span>` 145 用法示例:<font face="黑體" size=5><span style="background-color:red">紅色背景黑體5size字型</span></font> 146 147 ## 4. 表格 148 <ol> 149 <li>基本表格</li> 150 <table border="2" bordercolor="black" width="300" cellspacing="0" cellpadding="5"> 151 <tr> 152 <td >1.1</td> 153 <td>1.2</td> 154 <td>1.3</td> 155 </tr> 156 <tr> 157 <td>2.1</td> 158 <td>2.2</td> 159 <td>2.3</td> 160 </tr> 161 <tr> 162 <td>3.1</td> 163 <td>3.2</td> 164 <td>3.3</td> 165 </tr> 166 </table> 167 168 <br/> 169 <li>表格合併列</li> 170 <table border="2" bordercolor="black" width="300" cellspacing="0" cellpadding="5"> 171 <tr> 172 <td colspan="3" align="center">1.1</td> 173 <!--<td>1.2</td>--> 174 <!--<td>1.3</td>--> 175 </tr> 176 <tr> 177 <td>2.1</td> 178 <td>2.2</td> 179 <td>2.3</td> 180 </tr> 181 <tr> 182 <td>3.1</td> 183 <td>3.2</td> 184 <td>3.3</td> 185 </tr> 186 </table> 187 188 <br/> 189 <li>表格合併行</li> 190 <table border="2" bordercolor="black" width="300" cellspacing="0" cellpadding="5"> 191 <tr> 192 <td rowspan="3" align="center">1.1</td> 193 <td>1.2</td> 194 <td>1.3</td> 195 </tr> 196 <tr> 197 <!--<td>2.1</td>--> 198 <td>2.2</td> 199 <td>2.3</td> 200 </tr> 201 <tr> 202 <!--<td>3.1</td>--> 203 <td>3.2</td> 204 <td>3.3</td> 205 </tr> 206 </table> 207 208 <br/> 209 <li>複雜表格</li> 210 <table border="2" bordercolor="black" width="300" cellspacing="0" cellpadding="5"> 211 <tr> 212 <td >1.1</td> 213 <td colspan="2">1.2</td> 214 <!--<td>1.3</td>--> 215 </tr> 216 <tr> 217 <td >2.1</td> 218 <td rowspan="2"> 219 2.2 220 <br/> 221 3.2 222 </td> 223 <td>2.3</td> 224 </tr> 225 <tr> 226 <td>3.1</td> 227 <!--<td>3.2</td>--> 228 <td>3.3</td> 229 </tr> 230 </table> 231 <br/> 232 </ol>