天天看點

Markdown 文法速查筆記相容HTML标題目錄段落格式清單區塊區段其它

文章目錄

Markdown 是一種輕量級标記語言,它允許人們使用易讀易寫的純文字格式編寫文檔。

不在 Markdown 涵蓋範圍之内的标簽,都可以直接在文檔裡面用 HTML 撰寫。不需要額外标注這是 HTML 或是 Markdown,直接編寫即可:

例如:

<table>
    <tr>
        <td>表格</td>
        <td>表格</td>
    </tr>
</table>      
Markdown 文法速查筆記相容HTML标題目錄段落格式清單區塊區段其它

HTML 的區段(行内)标簽如 <span>、 <cite>、<del> 可以在 Markdown 的段落、清單或是标題裡随意使用。依照個人習慣,甚至可以不用 Markdown 格式,而直接采用 HTML 标簽來格式化。舉例說明:如果比較喜歡 HTML 的<a> 或 <img> 标簽,可以直接使用這些标簽,而不用 Markdown 提供的連結或是圖像标簽文法。

需要注意的是,在 HTML區塊标簽(區塊元素) 間的 Markdown 格式文法将不

會被處理。

大多數 HTML 元素被定義為塊級元素或内聯元素。

塊級元素在浏覽器顯示時,通常會以新行來開始(和結束)。

内聯元素在顯示時通常不會以新行開始。

  • <address> 定義位址
  • <caption> 定義表格标題
  • <dd> 定義清單中定義條目
  • <div> 定義文檔中的分區或節
  • <dl> 定義清單
  • <dt> 定義清單中的項目
  • <fieldset> 定義一個架構集
  • <form> 建立 HTML 表單
  • <h1> 定義最大的标題
  • <h2> 定義副标題
  • <h3> 定義标題
  • <h4> 定義标題
  • <h5> 定義标題
  • <h6> 定義最小的标題
  • <hr> 建立一條水準線
  • <legend> 元素為為 fieldset 元素定義标題
  • <fieldset> 元素定義标題
  • <li> 标簽定義清單項目
  • <noframes> 為那些不支援架構的浏覽器顯示文本,于 frameset 元素内部
  • <noscript> 定義在腳本未被執行時的替代内容
  • <ol> 定義有序清單
  • <ul> 定義無序清單
  • <p> 标簽定義段落
  • <pre> 定義預格式化的文本
  • <table> 标簽定義 HTML 表格
  • <tbody> 标簽表格主體(正文)
  • <td> 表格中的标準單元格
  • <tfoot> 定義表格的頁腳(腳注或表注)
  • <th> 定義表頭單元格
  • <thead> 标簽定義表格的表頭
  • <tr> 定義表格中的行

  • <a> 标簽可定義錨
  • <abbr> 表示一個縮寫形式
  • <acronym> 定義隻取首字母縮寫
  • <b> 字型加粗
  • <bdo> 可覆寫預設的文本方向
  • <big> 大号字型加粗
  • <br> 換行
  • <cite> 引用進行定義
  • <code> 定義計算機代碼文本
  • <dfn> 定義一個定義項目
  • <em> 定義為強調的内容
  • <i> 斜體文本效果
  • <img> 向網頁中嵌入一幅圖像
  • <input> 輸入框
  • <kbd> 定義鍵盤文本
  • <label> 标簽為input 元素定義标注
  • <q> 定義短的引用
  • <samp> 定義樣本文本
  • <select> 建立單選或多選菜單
  • <small> 呈現小号字型效果
  • <span> 組合文檔中的行内元素
  • <strong> 語氣更強的強調的内容
  • <sub> 定義下标文本
  • <sup> 定義上标文本
  • <textarea> 多行的文本輸入控件
  • <tt> 打字機或者等寬的文本效果
  • <var> 定義變量

符号 說明 編碼
" 雙引号 &quot; × 乘号 &times; 向左箭頭 &larr;
& AND符号 &amp; ÷ 除号 &divide; 向上箭頭 &uarr;
< 小于符号 &lt; ± 正負符号 &plusmn; 向右箭頭 &rarr;
> 大于符号 &gt; ƒ function符号 &fnof; 向下箭頭 &darr;
空格 根号 &radic; 雙向箭頭 &harr;
? 倒問号 &iquest; 無限大符号 &infin; 雙線向左箭頭 &lArr;
雙左箭頭 &laquo; 角度符号 &ang; 雙線向上箭頭 &uArr;
雙右箭頭 &raquo; 微積分符号 &int; 雙線向右箭頭 &rArr;
左單引号 &lsquo; ° 度數符号 &deg; 雙線向下箭頭 &dArr;
右單引号 &rsquo; 不等于符号 &ne; 雙線雙向箭頭 &hArr;
左雙引号 &ldquo; 相等符号 &equiv; 黑桃符号 &spades;
右雙引号 &rdquo; 小于等于符号 &le; 梅花符号 &clubs;
段落符号 &para; 大于等于符号 &ge; 紅心符号 &hearts;
§ 章節符号 &sect; 垂直符号 &perp; 方塊符号 &diams;
© 版權所有符号 &copy; ½ 二分之一符号 &frac12; α Alpha符号 &alpha;
® 注冊商标符号 &reg; ¼ 四分之一符号 &frac14; β Bata符号 &beta;
商标符号 &trade; ¾ 四分之三符号 &frac34; γ Gamma符号 &gamma;
歐元符号 &euro; 百分符号 &permil; Δ Delta符号 &Delta;
美分符号 &cent; 是以符号 &there4; θ Theta符号 &theta;
英鎊符号 &pound; π 圓周率符号 &pi; λ Lambda符号 &lambda;
日圓符号 &yen; 1 批注1符号 &sup1; Σ Sigma符号 &Sigma;
... &hellip; 2 批注2符号、平方 &sup2; τ Tau符号 &tau;
&oplus;

Markdown共有六級标題,隻需要增加相應個數的# 即可,标題字号相應降低:

# 一級标題
## 二級标題
### 三級标題
#### 四級标題
##### 五級标題
###### 六級标題      
Markdown 文法速查筆記相容HTML标題目錄段落格式清單區塊區段其它

在開頭添加@[Toc]:

@[Toc]      
Markdown 文法速查筆記相容HTML标題目錄段落格式清單區塊區段其它

csdn中如果标題從一級标題逐漸往下,會在右側生成目錄:

Markdown 文法速查筆記相容HTML标題目錄段落格式清單區塊區段其它

Markdown 段落沒有特殊的格式,直接編寫文字就好,段落的換行是使用兩個以上空格加上回車:

或者可以直接在末尾加上<br>:

換行  <br>換行了      
Markdown 文法速查筆記相容HTML标題目錄段落格式清單區塊區段其它

Markdown 可以使用以下幾種字型:

*斜體文本*
_斜體文本_
**粗體文本**
__粗體文本__
***粗斜體文本***
___粗斜體文本___      

設定更多字型,以及設定字型大小、顔色需要插入HTML标簽:

<font face="黑體">我是黑體字</font>
<font face="微軟雅黑">我是微軟雅黑</font>
<font face="STCAIYUN">我是華文彩雲</font>
<font color=red>我是紅色</font>
<font color=#008000>我是綠色</font>
<font color=Blue>我是藍色</font>
<font size=5>我是尺寸</font>
<font face="黑體" color=green size=5>我是黑體,綠色,尺寸為5</font>
      

  • 在一行中用三個以上的星号、減号、底線,行内不能有其他東西:
  • 在星号或是減号中間插入空格:
***

* * *

*****

- - -

----------      

在文字的兩端加上兩個波浪線 ~~:

~~這是删除線~~      
Markdown 文法速查筆記相容HTML标題目錄段落格式清單區塊區段其它

通過 HTML 的 标簽來實作:

<u>帶下劃線文本</u>      
Markdown 文法速查筆記相容HTML标題目錄段落格式清單區塊區段其它

[^要注明的文本] :

建立腳注格式類似這樣 [^haha]。

[^haha]: 這是一個新奇的腳注!!!      
Markdown 文法速查筆記相容HTML标題目錄段落格式清單區塊區段其它

  • 半方大的空白 或 
  • 全方大的空白 或 
  • 不斷行的空白格 或 
世界上有這樣一些幸福的人,他們把自己的痛苦化作他人的幸福。
&ensp;&ensp;&ensp;&ensp;世界上有這樣一些幸福的人,他們把自己的痛苦化作他人的幸福。
&emsp;&emsp;世界上有這樣一些幸福的人,他們把自己的痛苦化作他人的幸福。
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;世界上有這樣一些幸福的人,他們把自己的痛苦化作他人的幸福。      
Markdown 文法速查筆記相容HTML标題目錄段落格式清單區塊區段其它

<center>呵呵,居中了</center>      
Markdown 文法速查筆記相容HTML标題目錄段落格式清單區塊區段其它

無序清單使用星号(*)、加号(+)或是減号(-)作為清單标記:

* 第一項
* 第二項
* 第三項

+ 第一項
+ 第二項
+ 第三項


- 第一項
- 第二項
- 第三項      
Markdown 文法速查筆記相容HTML标題目錄段落格式清單區塊區段其它

有序清單使用數字并加上 . 号來表示:

1. 第一項
2. 第二項
3. 第三項      
Markdown 文法速查筆記相容HTML标題目錄段落格式清單區塊區段其它

清單嵌套隻需在子清單中的選項添加四個空格即可:

1. 第一項:
    - 第一項嵌套的第一個元素
    - 第一項嵌套的第二個元素
2. 第二項:
    - 第二項嵌套的第一個元素
    - 第二項嵌套的第二個元素片      

Markdown 區塊引用是在段落開頭使用 > 符号 ,接着緊跟一個空格符号:

> 區塊引用
> 靓仔
> 帥鍋      
Markdown 文法速查筆記相容HTML标題目錄段落格式清單區塊區段其它

區塊是可以嵌套的,一個 > 符号是最外層,兩個 > 符号是第一層嵌套,以此類推:

> 最外層
> > 第一層嵌套
> > > 第二層嵌套      
Markdown 文法速查筆記相容HTML标題目錄段落格式清單區塊區段其它

和程式相關的寫作或是标簽語言原始碼通常會有已經排版好的代碼區塊,通常這些區塊不會以段落檔案的方式去排版,而是照原樣式顯示,Markdown 會用 <pre> 和 <code> 标簽來把代碼區塊包起來。

要在 Markdown 中建立代碼區塊很簡單,隻要簡單地縮進 4 個空格或是 1 個制表符(Tab 鍵)就可以:

這是一個普通段落:

    這是一個代碼區塊。      
Markdown 文法速查筆記相容HTML标題目錄段落格式清單區塊區段其它

可以用 ```包裹一段代碼,并指定一種語言(不指定也可以):

```javascript

   $(document).ready(function () {

   alert('just code');

   });

```

Markdown 文法速查筆記相容HTML标題目錄段落格式清單區塊區段其它

Markdown 支援兩種形式的連結文法: 行内式和參考式兩種形式。

不管是哪一種,連結文字都是用 [方括号] 來标記。

在方塊括号後面緊接着圓括号并插入網址連結:

如果還想要加上連結的 title 文字,隻要在網址後面,用雙引号把 title 文字包起來:

This is [an hehe](http://hehe.com/ "Title") inline link.

[This link](http://hehe.net/) has no title attribute.      

在連結文字的括号後面再接上另一個方括号,而在第二個方括号裡面要填入用以辨識連結的标記:

這個連結用 1 作為網址變量 [Google][1]
這個連結用 baidu 作為網址變量 [Baidu][baidu]
然後在文檔的結尾為變量指派(網址)

  [1]: http://www.google.com/
  [baidu]: http://www.baidu.com/      

圖檔文法格式:

  • 開頭一個感歎号 !
  • 接着一個方括号,裡面放上圖檔的替代文字
  • 接着一個普通括号,裡面放上圖檔的網址,最後還可以用引号包住并加上選擇性的 ‘title’ 屬性的文字。
![戰場](https://img-blog.csdnimg.cn/20191001202627567.jpg "戰場")      
Markdown 文法速查筆記相容HTML标題目錄段落格式清單區塊區段其它

csdn支援圖檔居中和設定尺寸:

![戰場](https://img-blog.csdnimg.cn/20191001202627567.jpg#pic_center =320x350)      

使用普通的 <img> 标簽:

<img src="http://static.runoob.com/images/runoob-logo.png" width="50%">      

使用 | 來分隔不同的單元格,使用 - 來分隔表頭和其他行:

|  表頭   | 表頭  |
|  ----  | ----  |
| 單元格  | 單元格 |
| 單元格  | 單元格 |      
Markdown 文法速查筆記相容HTML标題目錄段落格式清單區塊區段其它

  • -: 設定内容和标題欄居右對齊。
  • :- 設定内容和标題欄居左對齊。
  • :-: 設定内容和标題欄居中對齊。
| 左對齊 | 右對齊 | 居中對齊 |
| :-----| ----: | :----: |
| 單元格 | 單元格 | 單元格 |
| 單元格 | 單元格 | 單元格 |      
Markdown 文法速查筆記相容HTML标題目錄段落格式清單區塊區段其它

上标,如x2,則輸入:

x^2^      

下标,如x0,則輸入:

x~0~      

反斜杠轉義特殊字元:

\   反斜線
`   反引号
*   星号
_   下劃線
{}  花括号
[]  方括号
()  小括号
#   井字号
+   加号
-   減号
.   英文句點
!   感歎号      

使用兩個美元符 $$ 包裹 TeX 或 LaTeX 格式的數學公式來插入數學公式:

送出後,問答和文章頁會根據需要加載 Mathjax 對數學公式進行渲染:

$$
\mathbf{V}_1 \times \mathbf{V}_2 =  \begin{vmatrix} 
\mathbf{i} & \mathbf{j} & \mathbf{k} \\
\frac{\partial X}{\partial u} &  \frac{\partial Y}{\partial u} & 0 \\
\frac{\partial X}{\partial v} &  \frac{\partial Y}{\partial v} & 0 \\
\end{vmatrix}
$$      
Markdown 文法速查筆記相容HTML标題目錄段落格式清單區塊區段其它

折疊内容

經測試,這個csdn不支援:

<details>
  <summary>折疊文本</summary>
  此處可書寫文本
  嗯,是可以書寫文本的
</details>


<details>
  <summary>折疊代碼塊</summary>
  <pre><code> 
     System.out.println("雖然可以折疊代碼塊");
     System.out.println("但是代碼無法高亮");
  </code></pre>
</details>

<details>
  <summary>折疊代碼塊</summary>
  <pre><blockcode> 
     System.out.println("雖然可以折疊代碼塊");
     System.out.println("但是代碼無法高亮");
  </blockcode></pre>
</details>      

參考:

【1】:

https://www.bluesdream.com/blog/markdown-cheatsheet-syntax-manual.html

【2】:

https://markdown.tw/

【3】:

https://www.runoob.com/markdown/md-title.html

【4】:

https://www.runoob.com/markdown/md-paragraph.html

【5】:

https://blog.csdn.net/heimu24/article/details/81189700

【6】:

https://www.runoob.com/markdown/md-block.html

【7】:

https://www.jianshu.com/p/0f61e36685b0

【8】:

https://www.runoob.com/markdown/md-code.html

【9】:

https://www.w3cschool.cn/markdownyfsm/irp1e5.html

【10】:

https://www.w3cschool.cn/markdownyfsm/cbx1e7.html

【11】:

https://www.runoob.com/markdown/md-image.html

【12】:

https://www.runoob.com/markdown/md-advance.html

【13】:

RGB顔色查詢對照表

繼續閱讀