Markdown常用书写语法合集
1. 文字设置
1.1 文字颜色
中常用的文字颜色有:
红色文字:<font color="red">红色文字</font>
浅红色文字:<font color="#dd0000">浅红色文字</font>
蓝色文字:<font color="blue">蓝色文字</font>
浅蓝色文字:<font color="#0000dd">浅蓝色文字</font>
绿色文字:<font color="green">绿色文字</font>
金黄色文字:<font color="#FFFF00">金黄色文字</font>
浅黄色文字:<font color="#dddd00">浅黄色文字</font>
深黄色文字:<font color="#666600">深黄色文字</font>
红色文字:红色文字
浅红色文字:浅红色文字
蓝色文字:蓝色文字
浅蓝色文字:浅蓝色文字
绿色文字:绿色文字
金黄色文字:金黄色文字
浅黄色文字:浅黄色文字
深黄色文字:深黄色文字
1.2 文字大小
size为1:<font size="1">size为1</font>
size为2:<font size="2">size为2</font>
size为3:<font size="3">size为3</font>
size为4:<font size="4">size为4</font>
size为10:<font size="10">size为10</font>
size为1:size为1
size为2:size为2
size为3:size为3
size为4:size为4
size为10:size为10
1.3 文字字体
<font face="黑体">我是黑体字</font>
<font face="宋体">我是宋体字</font>
<font face="微软雅黑">我是微软雅黑字</font>
我是黑体字
我是宋体字
我是微软雅黑字
*斜体*
**粗体**
***加粗斜体***
~~删除线~~
斜体
粗体
加粗斜体
删除线
1.4 文字背景色
<table><tr><td bgcolor=#FFFF00>背景色的设置是按照十六进制颜色值:#FFFF00</td></tr></table>
<table><tr><td bgcolor=#D1EEEE>背景色的设置是按照十六进制颜色值:#D1EEEE</td></tr></table>
<table><tr><td bgcolor=#C0FF3E>背景色的设置是按照十六进制颜色值:#C0FF3E</td></tr></table>
<table><tr><td bgcolor=#54FF9F>背景色的设置是按照十六进制颜色值:#54FF9F</td></tr></table>
背景色的设置是按照十六进制颜色值:#FFFF00 |
背景色的设置是按照十六进制颜色值:#D1EEEE |
背景色的设置是按照十六进制颜色值:#C0FF3E |
背景色的设置是按照十六进制颜色值:#54FF9F |
引用块
> 文字引用
文字引用
2.设置图片尺寸
在 markdown 直接使用提供的语法引入图片是无法设置大小的,所以我们需要用到 html 的 img 标签。
<img src="http://i1.bvimg.com/683890/4961244f2ad4d9b4s.jpg" width="200" height="350" >
设置图片居中
在 markdown 设置图片居中是需要通过 div 来控制的。
<div align=center><img src="http://i1.bvimg.com/683890/4961244f2ad4d9b4s.jpg" width="400" height="550" ></div>
链接: [link](https://www.csdn.net/).
图片: ![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw)
带尺寸的图片: ![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw =30x30)
居中的图片: ![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw#pic_center)
居中并且带尺寸的图片: ![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw#pic_center =30x30)
2.1 单张居中显示:
<center>
<img src="http://dreamofbook.qiniudn.com/Zero.png">
</center>
or
<figure>
<img src=“http://xxx.jpg”>
</figure>
固定图片宽度/高度:
<img src="http://xxx.jpg" title="Logo" width="100" />
宽度是 Width,高度是 High。Title 为图片描述。
2.2 两张并排显示:
<figure class="half">
<img src="http://xxx.jpg">
<img src="http://yyy.jpg">
</figure>
2.3 三张并排显示:
<figure class="third">
<img src="http://xxx.jpg">
<img src="http://yyy.jpg">
<img src="http://zzz.jpg">
</figure>
固定宽度,并排显示并居中
就是把上面的几个例子和起来,下面给出代码:
<center class="half">
<img src="http://xxx.jpg" width="300"/>
<img src="http://yyy.jpg" width="300"/>
</center>