帮我删掉,谢谢!
概述Markdown是内嵌Html语言的,这使得我们可以在Markdown文档里面实现很多有趣的东西。现在记录在此,供自己以后参考,相信对其他人也有用。
介绍
Markdown的语法只有一个目标:作为在网上书写的一种格式。
Html是一种方便出版的格式,Markdown是一种方便书写的格式,因此Markdown语法只规定了那些适用于纯文本的情形。
对于那些Markdown语法没有规定的情形,可以直接在Markdown里面使用Html语法。只有2点限制:(1)Html的块级元素必须用空行和Markdown的内容分隔开。(2)Html标签前后没有空格。
注意: 想要了解更多内容请点击这里。
缩进
可以使用Html中的转义字符。比如缩进:
Roses are blue
会被渲染为:
Roses are blue
换行
标准的Markdown语法规定了2个空格表示换行。
但是你也可以使用</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 src="https://demo.xiaohuochai.site/css/transition/t18.html" frameborder="0" width="320" height="240"></iframe></p>
会被渲染为:
<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 src="https://demo.xiaohuochai.site/css/transition/t4.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>