前端工具:MyCodepen】| 【W3School】| 【Bootstrap】| 【MarkDown】| 【正则表达式】| 【图标下载】| 【在线工具】| 【W3标准及兼容】| 【前端中文文档

MarkDown教程

MarkDown笔记

在线编辑器
其他教程

【1、标题】

标题1


标题1
===

标题2


标题2
---

标题3

1

2

3

4

5
6
7

7

  #1
  ##2
  ###3
  ####4
  #####5
  ######6
  #######7
    7

【2、区块引用 Blockquotes】

1

2

3

>1
>>2
>>>3

【3、列表】

无序

  • 无序

标记

  • 标记
  • 标记

有序

  1. 有序

    *  无序
    +  标记
    —  标记
    1. 有序
    

*之间有回车 会在内容里添加P标签

【4、代码区块】

Tab

Tab键

【5、分隔线】

1
2
3
4
5

1
* * *
2
***
3
*****
4
- - -
5
------

区段元素

【6、链接】

[网址链接](www.exsample.com 'title')<br/>
[About](/about/ "title")<br/>   //相对路径

[an example][id] id不区分大小写
[id]: http://example.com/ (Optional Title Here)
//title三种形式都可以 单引 双引 括号

例子

I get 10 times more traffic from Google than fromYahoo or MSN.

I get 10 times more traffic from [Google] [1] than from[Yahoo] [2] or [MSN] [3].

[1]: http://google.com/ "Google"
[2]: http://search.yahoo.com/ "Yahoo Search"
[3]: http://search.msn.com/ "MSN Search"

【7、强调】

single asterisks

single underscores

double asterisks

double underscores

*single asterisks*
_single underscores_
**double asterisks**
__double underscores__

【8、代码标记 反引号】

Use the printf() function.

There is a literal backtick (`) here.

Please don't use any <blink> tags.

&#8212; is the decimal-encoded equivalent of &mdash;.

Use the `printf()` function.
``There is a literal backtick (`) here.``
Please don't use any `<blink>` tags.
`&#8212;` is the decimal-encoded equivalent of `&mdash;`.

【9、图片】

Alt text

![Alt text](/path/to/img.jpg)
![Alt text](/path/to/img.jpg "Optional title")

![Alt text][id]
[id]: url/to/image "Optional title attribute"

【10、自动链接】

http://example.com/

<http://example.com/>
Markdown 会转为:
<a href="http://example.com/">http://example.com/</a>

【11、反斜杠】

Markdown 支持以下这些符号前面加上反斜杠来帮助插入普通的符号:


\\   反斜线
\`   反引号
\*   星号
\_   底线
\{\}  花括号
\[\]  方括号
\(\)  括弧
\#   井字号
\+   加号
\-   减号
\.   英文句点
\!   惊叹号
posted @ 2014-08-22 12:42  FuGardenia  阅读(165)  评论(0编辑  收藏  举报

关于我们

喜欢编程。
上大学四年,一直在探索。
最终走上前端工程师的不归路。


我的微博:

@WOOEOOBOO

GitHub:

@FuGardenia

关注我们

微信号:MoveClouds
移动互联网,云前端信息传播自媒体。

Simple is beauty,Less is more.

简而美,少即多。