markdown筆記1--設定字型、顔色、圖檔、背景色

• ​​1 常見文字特性​​
• ​​2 常見字元使用​​
• ​​3 圖檔連結表示方法​​
• ​​4 顔色設定​​
• ​​5 常見問題​​
• ​​說明​​

1 常見文字特性

設定字型和顔色：

<font face="黑體">我是黑體字</font>
<font face="微軟雅黑">我是微軟雅黑</font>
<font face="STCAIYUN">我是華文彩雲</font>
<font color=red>我是紅色</font>
<font color=#008000>我是綠色</font>
<font color=Blue>我是藍色</font>
<font size=5>我是尺寸</font>
<font face="黑體" color=green size=5>我是黑體，綠色，尺寸為5</font>      

我是黑體字

我是微軟雅黑

我是華文彩雲

我是紅色

我是綠色

我是藍色

我是尺寸

我是黑體，綠色，尺寸為5

設定字型背景色

md預設不支援字型背景色，可以通過html的table來實作字型背景色；
<table><tr><td bgcolor=pink>背景色yellow</td></tr></table>      

背景色yellow

2 常見字元使用

1. 空格

• 全角狀态下，直接按空格就是四個空格；
• 半方大的空白 或 
• 全方大的空白 或 
• 不斷行的空白格 或 
• 把輸入法切換到全角(一般是shift+空格) 然後再按空格就能夠顯示了

3 圖檔連結表示方法

預設格式如下，後面#pic_center 可以确定圖檔相對位置
![在這裡插入圖檔描述](https://s2.51cto.com/images/blog/202208/29094218_630c197a58c7284294.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=#pic_center )
也可以通過html的 img标簽，添加width和height來設定寬高比例和大小
<img src="https://s2.51cto.com/images/blog/202208/29094218_630c197a58c7284294.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_30,g_se,x_10,y_10,shadow_20,type_ZmFuZ3poZW5naGVpdGk=" width="50%" height="50%">
<img src="https://s2.51cto.com/images/blog/202208/29094218_630c197a58c7284294.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_30,g_se,x_10,y_10,shadow_20,type_ZmFuZ3poZW5naGVpdGk=" width="360" height="360" >

圖檔左對齊、居中、右對齊(也可以通過上面追加 #pic_left|center|right 的方式設定位置)
<div align=left><img  src="https://s2.51cto.com/images/blog/202208/29094218_630c197a714f18709.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_30,g_se,x_10,y_10,shadow_20,type_ZmFuZ3poZW5naGVpdGk="/></div>
<div align=center><img  src="https://s2.51cto.com/images/blog/202208/29094218_630c197a714f18709.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_30,g_se,x_10,y_10,shadow_20,type_ZmFuZ3poZW5naGVpdGk="/></div>
<div align=right><img  src="https://s2.51cto.com/images/blog/202208/29094218_630c197a714f18709.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_30,g_se,x_10,y_10,shadow_20,type_ZmFuZ3poZW5naGVpdGk="/></div>      

圖1原始方式：

image标簽寬高都等比縮小50%

image标簽設定寬高都為360

圖檔左對齊：

圖檔居中：

圖檔右對其：

4 顔色設定

5 常見問題

1. to add

說明