前端学Markdown语法(2)

  输出HTML为

<p>This is an<a href=https://www.linuxidc.com/Linux/2016-12/"http://linuxidc.com/">example link</a></p>

【参考链接】

  参考形式的链接可以为链接定一个名称,之后可以在文件的其他地方定义该链接的内容。title属性是选择性的,链接名称可以用字母、数字和空格,但是不分大小写

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

  输出HTML为

<p>I get 10 times more traffic from <a href=https://www.linuxidc.com/Linux/2016-12/"http://google.com/" title=https://www.linuxidc.com/Linux/2016-12/"Google">Google</a> than from <a href=https://www.linuxidc.com/Linux/2016-12/"http://search.yahoo.com/" title=https://www.linuxidc.com/Linux/2016-12/"Yahoo Search">Yahoo</a> or <a href=https://www.linuxidc.com/Linux/2016-12/"http://search.msn.com/" title=https://www.linuxidc.com/Linux/2016-12/"MSN Search">MSN</a>.</p>

【直接链接】

  Markdown支持比较简短的自动链接形式来处理网址和电子邮件信箱,只要是用方括号包起来,Markdown就会自动把它转成链接,链接的文字就和链接位置一样

  [注意]在网址前一定要加,否则将不会被识别为URL

<http://linuxidc.com/>

  输出HTML为

<a href=https://www.linuxidc.com/Linux/2016-12/"http://linuxidc.com/">http://linuxidc.com/</a> 图片

  图片的语法和链接很像。先是一个惊叹号!,接着一个方括号,里面放上图片的替代文字,接着一个普通括号,里面放上图片的网址,最后还可以用引号包住并加上选择性的'title'文字

【行内形式】

![alt text](/path/to/img.jpg "Title")

【参考形式】

![alt text][id] [id]: /path/to/img.jpg "Title"

  上面两种方法都会输出HTML为:

<img src=https://www.linuxidc.com/Linux/2016-12/"/path/to/img.jpg" alt=https://www.linuxidc.com/Linux/2016-12/"alt text" title=https://www.linuxidc.com/Linux/2016-12/"Title" /> 代码

【code】

  使用反引号`来标记代码区段<code>,区段内的&、<和>都会被自动的转换成HTML实体

`<p>`段落`</p>`

  输出HTML为

<code><p></code>段落<code></p></code>

【pre】

  如果要建立一个已经格式化好的代码区块,只要每行都缩进 4 个空格或是一个 tab 就可以了,而 &、< 和 > 也一样会自动转成 HTML 实体

<blockquote> <p>For example.</p> </blockquote>

  输出HTML为

<pre><code>&lt;blockquote&gt;&lt;p&gt;For example.&lt;/p&gt;&lt;/blockquote&gt;</code></pre> 强调

  Markdown 使用星号*和底线_作为标记强调字词的符号,被*或_ 包围的字词会被转成用 <em>标签包围,用两个* 或_包起来的话,则会被转成<strong>

  如果* 和 _ 两边都有空白的话,它们就只会被当成普通的符号。如果要在文字前后直接插入普通的星号或底线,可以用反斜线:

\*em* **strong*\*

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/14607.html