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

实现段首空格的显示

方法一

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

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

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

方法二

如果是网页的话,最好使用样式表:

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

添加到css里即可。

方法三

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

方法四

直接写

1
2
3
4
半方大的空白 或 
全方大的空白 或 
不断行的空白格 或 
两个 即可

表格

简单表格

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

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

效果:

表头1表头2
12

TML table 表格

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<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表头2colspan="2"
rowspan="2"21bgcolor="Pink"41
223242

图片

图片位置设置

利用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% />

交叉引用

1
2
3
4
5
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>

参考

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

------ 本文结束------
坚持原创技术分享,您的支持将鼓励我继续创作!

欢迎关注我的其它发布渠道