Markdown内嵌Html语言

概述

Markdown是内嵌Html语言的，这使得咱们能够在Markdown文档里面实现不少有趣的东西。如今记录在此，供本身之后参考，相信对其余人也有用。css

介绍

Markdown的语法只有一个目标：做为在网上书写的一种格式。html

Html是一种方便出版的格式，Markdown是一种方便书写的格式，所以Markdown语法只规定了那些适用于纯文本的情形。markdown

对于那些Markdown语法没有规定的情形，能够直接在Markdown里面使用Html语法。只有2点限制：(1)Html的块级元素必须用空行和Markdown的内容分隔开。(2)Html标签先后没有空格。spa

注意: 想要了解更多内容请点击这里。.net

缩进

能够使用Html中的转义字符。好比缩进：&emsp;&emsp;excel

&emsp;&emsp;Roses are blue

会被渲染为：code

Roses are bluehtm

换行

标准的Markdown语法规定了2个空格表示换行。ip

可是你也能够使用</br>标签换行。文档

Roses are blue</br>Violets are red

会被渲染为：

Roses are blue</br>Violets are red

删除线

能够使用删除线标签<s></s>。

Roses are <s>Blue</s>

会被渲染为：

Roses are <s>Blue</s>

分割线

能够使用分割线标签<hr>。

分割线上面
<hr>
分割线下面

会被渲染为：

分割线上面

<hr> 分割线下面

上下标

能够使用上标标签<sup></sup>和下标标签<sub></sub>。

n<sup>2</sup> + 2n + 1 = 0

H<sub>2</sub>O

会被渲染为：

n<sup>2</sup> + 2n + 1 = 0

H<sub>2</sub>O

高亮

能够使用高亮标签<mark></mark>。

这是<mark>高亮文本</mark>

会被渲染为：

这是<mark>高亮文本</mark>

表格

能够使用表格标签。

表格与Html代码的转换器：点这里

<table class="table table-bordered table-striped table-condensed">
   <tr>
      <td>John</td>
      <td>Smith</td>
      <td>123 Main St.</td>
      <td>Springfield</td>
   </tr>
   <tr>
      <td>Mary</td>
      <td>Jones</td>
      <td>456 Pine St.</td>
      <td>Dover</td>
   </tr>
   <tr>
      <td>Jim</td>
      <td>Baker</td>
      <td>789 Park Ave.</td>
      <td>Lincoln</td>
   </tr>
</table>

会被渲染为：

<table class="table table-bordered table-striped table-condensed"> <tr> <td>John</td> <td>Smith</td> <td>123 Main St.</td> <td>Springfield</td> </tr> <tr> <td>Mary</td> <td>Jones</td> <td>456 Pine St.</td> <td>Dover</td> </tr> <tr> <td>Jim</td> <td>Baker</td> <td>789 Park Ave.</td> <td>Lincoln</td> </tr> </table>

iframe标签

是的，你没有看错，在Markdown里面也能够直接使用iframe标签

下面是一个简单的演示图

<p><iframe style="width: 100%; height: 120px;" src="https://demo.xiaohuochai.site/css/transition/t18.html" frameborder="0" width="320" height="240"></iframe></p>

会被渲染为：

下面是一个演示器

<p><iframe style="width: 100%; height: 300px;" src="https://demo.xiaohuochai.site/css/transition/t4.html" frameborder="0" width="320" height="240"></iframe></p>

会被渲染为：