學markdown怎能不知道與之相關的html了

weixin_34185560發表於2017-05-08



<h2>導言</h2>
<strong> markdown,hthl都是超文字標記語言,markdown是簡化版本的html,相容html語言,熟悉一下html將有助於你更加熟悉markdown,其實是想說,自己準備開始寫文章了,所以自己想要了解一下markdown嘛</strong>
<em>這篇文章大部分是用html,在markdownpad寫的,簡書上不支援的標籤,我改了。</em>


<h2>1.0 超連結標籤</h2>
<a href="https://zhidao.baidu.com/uteam/view?teamId=98919">百度知道-碼農之家-回答電腦問題團隊</a>
[**百度知道-碼農之家-回答電腦問題團隊**](https://zhidao.baidu.com/uteam/view?teamId=98919)
語法如下[內容](url)

4976516-c168ab5803249119.PNG
1.PNG

<h2>2.0 markdown常用標籤</h2>


<b>___水平分隔線</b> <strong>粗體</strong> **粗體** <em>斜體</em> *斜體* 空格 [貌似markdown可以直接敲] × × ÷ ÷
<u>下劃線</u> <u>下劃線</u> <del>刪除線</del> <del>刪除線</del>.

以下這些符號前面加上反斜槓來幫助插入普通的符號
, #, +, !, { }, [ ], ();

因為>在html中是起始標籤,所以只能 <

因為 &在html中是標記實體,所以只能&

<br>
換行一個 Markdown 段落是由一個或多個連續的文字行組成,它的前後要有一個以上的空行(空行的定義是顯示上看起來像是空的,便會被視為空行。比方說,若某一行只包含空格和製表符,則該行也會被視為空行)。普通段落不該用空格或製表符來縮排。


4976516-4aedd93f355aa7b1.PNG
2.0.PNG

<h2>3.0 六級標題</h2>
<h1>一級標題</h1>#一級標題
<h2>二級標題</h2>##二級標題
<h3>三級標題</h3>###級標題


<strong>如此類推到六級</strong>

4976516-448015556415f5e6.PNG
3.0.PNG

<h2>4.0 程式碼[code]</h2>
<code>
print("喜歡就點贊") #人生苦短,我用py; </code> ```print("喜歡就點贊") #人生苦短,我用py;```
<b> 就是按tab上面那個,按鍵,多按幾次[不少於3次],形成閉合就行了。```這裡麵包圍的叫做程式碼塊```</b>

4976516-964df42ac37c9543.PNG
4.0.PNG

<h2>5.0 段落標記</h2>
<p> 這是一個段落</p>對於markdown可以直接區分,但是我還是比較喜歡
<p>這種</p> <b>邏輯結構看著很清楚,在latex排版中,我的markdownpad
支援 <hr>。支援<br/>這種可以但標記形成閉合,簡書不行。
<h2>6.0 預格式法則</h2>
<p> 這種手段在哪裡都有,就是保留你原本寫在文件中的形式</p>
<pre>

include <iostream>

 using namespace std;

 int main()

{
cout<<"hello markdown"<<" ";
return 0;
}

</pre>
<h2>7.0 引用+插圖 </h2>
引用就是 >加上一段文字;

滴滴,學生卡;
<blockquote>滴滴,學生卡。</blockquote>



插圖就是:
![](url)



4976516-5e9456b98324d212.jpg
東風冷雪


<h2>8.0 列表</h2>
<b> 無序列表 </b>
語法是 *+空格[或是+,- 在按一個空格,簡單就行,我感覺*號在粗體,斜體,這裡都有用,記住它就行了。


<pre>
* 滴滴,學生卡
* 喜歡,就點贊
* 別說話,只看就行了
</pre>
!5.PNG
<strong>有序列表</strong>
語法是 數字+英文的點,[這裡的數字任意寫,列表是會是有序的,因為數字+英文點子上代表標記有序列表的開始。

<pre>

  1. 眼熟我
  2. 其實我是拿html寫的,用markdown語法翻譯的,每一個網站的markdown都有些不同。
    </pre>

4976516-d0018ebc1091880b.PNG
6.PNG

<h2> 9.0 表格[簡書好像不支援這樣,我markdownpad上寫的]</h2>

<tr>  <th>caption標題</th>   <th>th表格頭標記</th>  </tr>
<tr>  <th>tr表格行標記</th>   <th>td表格列標記</th> </tr>
</table>```

![7.PNG](http://upload-images.jianshu.io/upload_images/4976516-9206ab8c2d2bc2cc.PNG?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
<br>
<h2> 結尾</h2>
<p>   我能想到的與markdown相關的html就這麼多,看了這個會加深你對markdown的瞭解,簡書的markdown和我的markdownpad,還是支援有些不同。</p>
<p>   想從這以後寫cs方面的部落格了,工欲善其事必先利其器。</p>

![markdownpad.PNG](http://upload-images.jianshu.io/upload_images/4976516-d0c00a821997b339.PNG?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
  參考了
   [markdown語法說明](http://www.appinn.com/markdown/),以及好幾篇文章。
_______
  版權 ©東風冷雪
______
<h6> html簡單的標記基本相容markdown,不過感覺html條理清楚些,不過markdown本身就是簡化寫作難度,讓作者投身寫作中去。</h5>

相關文章