Markdown中运用HTML属性的技巧与实践

1.说明

本文主要叙述如何写出更加优美的markdown文档。在我们观看文档的过程中&＃xff0c;良好的格式将会带来很大的收益。对于不同颜色的字体也并不会显得花里胡哨&＃xff0c;只会让我们表达的内容更加的清晰。下面来具体的看一下操作的流程。

2. 文字的居中

对于标准的markdown文本&＃xff0c;是不支持居中对齐的。还好markdown支持html语言&＃xff0c;所以我们采用html语法格式即可。

<center>这一行需要居中center>

下面就是排版后的结果

这一行需要居中

在markdown中设置文字右对齐&＃xff0c;确实找到了右对齐的方式&＃xff1a;

右对齐

左对齐

3.文字的字体及颜色

3.1 字体更换

同样我们也需要遵照其标准的语法格式

<font face&＃61;"黑体">我是黑体字font>

下面是测试结果

我是黑体字

3.2 大小更换

大小为size

<font face&＃61;"黑体" size&＃61;10>我是黑体字font>

我是黑体字

3.3 颜色替换

对于html语音中&＃xff0c;颜色是用color来表示&＃xff0c;所以可以表示如下

<font color&＃61;red size&＃61;72>颜色font>

效果如下

颜色

4 总结

善用markdown语法&＃xff0c;记住markdown语法是兼容html预言的&＃xff0c;这很重要。

5 空格

1.markdowm 首行缩进方法

一个汉字占两个空格大小&＃xff0c;所以使用四个空格就可以达到首行缩进两个汉字的效果。有如下几种方法&＃xff1a;

1. 一个空格大小的表示&＃xff1a; 或&＃8194;&＃xff0c;此时只要在相应需要缩进的段落前加上 4个 如上的标记即可&＃xff0c;注意要带上分号。

2. 两个空格的大小表示&＃xff1a; 或&＃8195;&＃xff0c;同理&＃xff0c;使用2个即可缩进2个汉字&＃xff0c;推荐使用该方式。

3. 不换行空格&＃xff1a; 或&＃160;&＃xff0c;使用4个&＃160;即可。

2.HTML中的实体空格

  HTML 提供了5种空格实体&＃xff08;space entity&＃xff09;&＃xff0c;它们拥有不同的宽度&＃xff0c;非断行空格&＃xff08; &＃xff09;是常规空格的宽度&＃xff0c;可运行于所有主流浏览器。其他几种空格&＃xff08;      ‌ ‍&＃xff09;在不同浏览器中宽度各异。

  它叫不换行空格&＃xff0c;全称是 No-Break Space&＃xff0c;它是最常见和我们使用最多的空格&＃xff0c;大多数的人可能只接触了 &＃xff0c;它是按下space键产生的空格。在HTML中&＃xff0c;如果你用空格键产生此空格&＃xff0c;空格是不会累加的&＃xff08;只算1个&＃xff09;。要使用html实体表示才可累加&＃xff0c;该空格占据宽度受字体影响明显而强烈。