Markdown空格、图片、表格与交叉引用

实现段首空格的显示

方法一

「Markdown 语言」不负责实现段首缩进 (ˊ_>ˋ)

段首缩进这件事，应该是 CSS 或者其他排版工具的事情，Markdown 奉行的是样式和内容分开的哲学。

即使手动输入空格，也是很不推荐的方法。我推荐全角空格，切换到全角模式下（一般的中文输入法都是按 shift + space）输入两个空格就行了。这个相对来说稍微干净一点，而且宽度是整整两个汉字，很整齐。

方法二

如果是网页的话，最好使用样式表：

1
2
3

p{
text-indent: 2em; /*首行缩进*/
}

添加到css里即可。

方法三

实现tab效果是直接在段首输入“>”符号（注意是英文状态下）

方法四

直接写

半方大的空白&ensp;或&#8194;
全方大的空白&emsp;或&#8195;
不断行的空白格&nbsp;或&#160;
两个&emsp;即可

表格

简单表格

直接使用Markdown自带的表格可以快速建立，但是对表格缺少设置，如果需要设置比较复杂的表格建议使用table。

1
2
3

|表头1|表头2|
|-|-|
|1|2|

效果：

表头1	表头2
1	2

TML table 表格

<tabel>：表格声明
<tbody>：整个表格加载结束以后显示
<th>：表头
<td>：表格内容
colspan="2"：占用两列
rowspan="2"：占用两行
bgcolor="Pink"：背景颜色

<table><tbody>
    <tr>
        <th>表头1</th>
        <th>表头2</th>
        <th colspan="2">colspan="2"</th>
    </tr>
    <tr>
        <td rowspan="2">rowspan="2"</td>
        <td>21</td>
        <td bgcolor="Pink">bgcolor="Pink"</td>
        <td colspan="2">41</td>
    </tr>
    <tr>
        <td>22</td>
        <td>32</td>
        <td >42</td>
    </tr>
</table>

显示结果：

表头1	表头2	colspan="2"
rowspan="2"	21	bgcolor="Pink"	41
rowspan="2"	22	32	42

图片

图片位置设置

利用markdown在编写文档时插入图片是默认靠左，有些时候将图片设置为居中时可以更加的美观，这时就需要在图片的信息前边添加如下程序

1	<div align=center>![这里写图片描述]()

例如：

如果想将图片位于右侧，只需要将center改为right

1	<div align=right>![这里写图片描述]()

例如：

图片大小

1	<img src="http:..." width = "100" height = "100" div align=right />

如上格式，在图片的最后添加 width = “100” height = “100”，就可以设置图片的大小。也可以在后边输入百分比为多少，如 width = 20% height = 20%

1	<img src="http:..." width = 30% height = 30% />

交叉引用

Take me to <a href="#pookie">pookie</a>

...

<a name="pookie">this is pookie</a>

Take me to [pookie](#pookie)应该是正确的markdown语法跳转到名为pookie的锚点。

要插入该名称的锚点，请使用HTML：<a name="pookie">this is pookie</a>

task list

可以采用如下的语法，注意- []后面不要加:。

- [x] 1

- [x] 2

- [ ] 3

- [ ] 4

参考

Markdown-图片设置（大小，居中）
Markdown - 表格
 html – 在markdown中的交叉引用(命名为anchor)