Markdown高级(使用教程)持续整理

本文详细介绍了Markdown的高级用法,包括从标题、引用、列表到图片、表格的使用,以及字体颜色、大小和背景颜色的设置。通过实例演示,帮助读者掌握Markdown的丰富表达能力。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Tyopra官网:https://www.typora.io/

Markdown语法演示

[TOC]				生成目录

标题

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

一级标题

二级标题

三级标题

四级标题
五级标题
六级标题

分割线

三个或三个以上的-_*。注意这里必须单独一行。可以含空格

---
___
***



引用

> 引用

引用

>引用
 >>引用中的引用

引用

引用中的引用


列表

无序列表

符号之后的空格不能少,-+*效果一样,但不能混合使用,因混合是嵌套列表,内容可超长

- 无序列表1
+ 无序列表2
* 无序列表3
  • 无序列表1
  • 无序列表2
  • 无序列表3

无序列表嵌套

- 无序列表a
	- 无序列表b
		- 无序列表c

- 无序列表a
	* 无序列表b
		+ 无序列表c
  • 无序列表a

    • 无序列表b
      • 无序列表c
  • 无序列表a

    • 无序列表b
      • 无序列表c

有序列表

数字不能省略但可无序,点号之后的空格不能少

1. 有序列表1
2. 有序列表2
3. 有序列表3
9. 有序列表4
  1. 有序列表1
  2. 有序列表2
  3. 有序列表3
  4. 有序列表4

图片位置及大小

图片靠左 <div align=left><img src="图片路径" ></div>
图片居中 <div align=center><img src="图片路径" ></div>
图片靠右 <div align=right><img src="图片路径" ></div>


设置设置图片百分比 <img src="图片路径" width="50%" height="50%">
设置图片大小 <img src="图片路径" width="1920" height="1080">

使用html标签实现表格的单元格合并

以3×3表格为例

<table width="100px" height="100px" style="text-align: center">
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
    <tr>
        <td>4</td>
        <td>5</td>
        <td>6</td>
    </tr>
    <tr>
        <td>7</td>
        <td>8</td>
        <td>9</td>
    </tr>
</table>
123
456
789

a) 横向合并单元格

横向合并单元格在<td>标签中使用colspan属性,设置需要合并的单元格的数量。同时将被合并的单元格/td删除

<table width="100px" height="100px" style="text-align: center">
    <tr>
        <td colspan="2">1</td>
        <td>3</td>
    </tr>
    <tr>
        <td>4</td>
        <td>5</td>
        <td>6</td>
    </tr>
    <tr>
        <td>7</td>
        <td>8</td>
        <td>9</td>
    </tr>
</table>
13
456
789

b) 纵向合并单元格

纵向合并单元格在<td>标签中使用rowspan属性,设置需要合并的单元格的数量。同时将被合并的单元格/td删除

<table width="100px" height="100px" style="text-align: center">
    <tr>
        <td rowspan="2">1</td>
        <td>2</td>
        <td>3</td>
    </tr>
    <tr>
        <td>5</td>
        <td>6</td>
    </tr>
    <tr>
        <td>7</td>
        <td>8</td>
        <td>9</td>
    </tr>
</table>
123
56
789

c) 综合使用

合并单元格在td标签中同时使用colspan属性和rowspan属性,属性值分别为横向和纵向需要合并单元格的个数,同时将被合并的单元格td删除。

<table width="100px" height="100px" style="text-align: center">
    <tr>
        <td colspan="2">1</td>
        <td rowspan="2">3</td>
    </tr>
    <tr>
        <td rowspan="2">4</td>
        <td>5</td>
    </tr>
    <tr>
        <td colspan="2">8</td>
    </tr>
</table>
13
45
8

设置字体的颜色、大小

<font color=red>我是红色</font>
<font color=#008000>我是绿色</font>
<font color=yellow>我是黄色</font>
<font color=Blue>我是蓝色</font>
<font color= #871F78>我是紫色</font>
<font color= #DCDCDC>我是浅灰色</font>

我是红色
我是绿色
我是黄色
我是蓝色
我是紫色
我是浅灰色

<font face="黑体">我是黑体字</font>
<font face="微软雅黑">我是微软雅黑</font>
<font face="STCAIYUN">我是华文彩云</font>

我是黑体字
我是微软雅黑
我是华文彩云

<font size=5>我是5号尺寸</font>
<font size=10>我是10号尺寸</font>

我是5号尺寸

我是10号尺寸
<font size=3 color="red">字体颜色为红色,大小为3</font>
<font size=4 color="blue">字体颜色为蓝色,大小为4</font>
<font size=6 color="violet">字体颜色为紫罗兰,大小为6</font>

字体颜色为红色,大小为3
字体颜色为蓝色,大小为4
字体颜色为紫罗兰,大小为6

<font face="华文彩云" color=cyan size=5>我是华文彩云,青色,尺寸为5</font>

我是华文彩云,青色,尺寸为5


添加背景颜色

由于 style 标签和标签的 style 属性不被支持,所以这里只能是借助 table, tr, td 等表格标签的 bgcolor 属性来实现背景色。故这里对于文字背景色的设置,只是将那一整行看作一个表格,更改了那个格子的背景色(bgcolor)

<table><tr align=center><td bgcolor=red>红色</td></tr></table>
<table><tr align=center><td bgcolor=orange>橙色</td></tr></table>
<table><tr align=center><td bgcolor=yellow>黄色</td></tr></table>
<table><tr align=center><td bgcolor=green>绿色</td></tr></table>
<table><tr align=center><td bgcolor=cyan>青色</td></tr></table>
<table><tr align=center><td bgcolor=blue>蓝色</td></tr></table>
<table><tr align=center><td bgcolor=purple>紫色</td></tr></table>
红色
橙色
黄色
绿色
青色
蓝色
紫色

RGB颜色表

颜色名十六进制颜色值颜色RGB
Cyan蓝绿色#00FFFFrgb(0,255,255)
Aqua水绿色#D4F2E7rgb(212,242,231)
DarkTurquoise深绿宝石#00CED1rgb(0,206,209)
DarkSlateGray深石板灰#2F4F4Frgb(47,79,79)
DarkCyan深青色#008B8Brgb(0,139,139)
Teal水鸭色#008080rgb(0,128,128)
MediumTurquoise适中的绿宝石#48D1CCrgb(72,209,204)
LightSeaGreen浅海洋绿#20B2AArgb(32,178,170)
Turquoise绿宝石#20B2AArgb(64,224,208)
PaleTurquoise苍白的绿宝石#AFEEEErgb(175,238,238)
LightCyan淡青色#E1FFFFrgb(225,255,255)
Azure蔚蓝色#F0FFFFrgb(240,255,255)
CadetBlue军校蓝#5F9EA0rgb(95,158,160)
PowDerBlue火药蓝#B0E0E6rgb(176,224,230)
LightBLue淡蓝#ADD8E6rgb(173,216,230)
DeepSkyBlue深天蓝#00BFFFrgb(0,191,255)
SkyBlue天蓝色#87CEEBrgb(135,206,235)
LightSkyBlue淡蓝色#87CEFArgb(135,206,250)
SteelBlue钢蓝#4682B4rgb(70,130,180)
AliceBlue爱丽丝蓝#F0F8FFrgb(240,248,255)
DoderBlue道奇蓝#1E90FFrgb(30,144,255)
SlateGray石板灰#708090rgb(112,128,144)
LightSlateGray浅石板灰#778899rgb(119,136,153)
LightSteelBlue淡钢蓝#B0C4DErgb(176,196,222)
CornflowerBlue矢车菊的蓝色#6495EDrgb(100,149,237)
RoyalBlue皇家蓝#4169E1rgb(65,105,225)
Navy海军蓝#000080rgb(0,0,128)
DarkBlue深蓝色#00008Brgb(0,0,139)
MidnightBlue午夜的蓝色#191970rgb(25,25,112)
MediumBlue适中的蓝色#0000CDrgb(0,0,205)
Blue纯蓝#0000FFrgb(0,0,255)
LightPink浅粉红#FFB6C1rgb(255,182,193)
Pink粉红 (樱花色)#FFC0CBrgb(255,192,203)
Crimson猩红#DC143Crgb(220,20,60)
LavenderBlush脸红的淡紫色#FFF0F5rgb(255,240,245)
PaleVioletRed苍白的紫罗兰红色#DB7093rgb(219,112,147)
HotPink热情的粉红#FF69B4rgb(255,105,180)
DeepPink深粉色#FF1493rgb(255,20,147)
MediumVioletRed适中的紫罗兰红色#C71585rgb(199,21,133)
Orchid兰花的紫色#DA70D6rgb(218,112,214)
Thistle#D8BFD8rgb(216,191,216)
plum李子#DDA0DDrgb(221,160,221)
Violet紫罗兰#EE82EErgb(238,130,238)
Magenta洋红#FF00FFrgb(255,0,255)
Fuchsia灯笼海棠(紫红色)#FF00FFrgb(255,0,255)
DarkMagenta深洋红色#8B008Brgb(139,0,139)
Purple紫色#800080rgb(128,0,128)
MediumOrchid适中的兰花紫#BA55D3rgb(186,85,211)
DarkVoilet深紫罗兰色#9400D3rgb(148,0,211)
DarkOrchid深兰花紫#9932CCrgb(153,50,204)
Indigo靛青#4B0082rgb(75,0,130)
BlueViolet深紫罗兰的蓝色#8A2BE2rgb(138,43,226)
MediumPurple适中的紫色#9370DBrgb(147,112,219)
MediumSlateBlue适中的板岩暗蓝灰色#7B68EErgb(123,104,238)
SlateBlue板岩暗蓝灰色#6A5ACDrgb(106,90,205)
DarkSlateBlue深岩暗蓝灰色#483D8Brgb(72,61,139)
Lavender熏衣草花的淡紫色#E6E6FArgb(230,230,250)
GhostWhite幽灵的白色#F8F8FFrgb(248,248,255)
Auqamarin绿玉\碧绿色#7FFFAArgb(127,255,170)
MediumAquamarine适中的碧绿色#00FA9Argb(0,250,154)
MediumSpringGreen适中的春天的绿色#00FF7Frgb(0,255,127)
MintCream薄荷奶油#F5FFFArgb(245,255,250)
SpringGreen春天的绿色#3CB371rgb(60,179,113)
SeaGreen海洋绿#2E8B57rgb(46,139,87)
Honeydew蜂蜜#F0FFF0rgb(240,255,240)
LightGreen淡绿色#90EE90rgb(144,238,144)
PaleGreen苍白的绿色#98FB98rgb(152,251,152)
DarkSeaGreen深海洋绿#8FBC8Frgb(143,188,143)
LimeGreen酸橙绿#32CD32rgb(50,205,50)
Lime酸橙色#00FF00rgb(0,255,0)
ForestGreen森林绿#228B22rgb(34,139,34)
Green纯绿#008000rgb(0,128,0)
DarkGreen深绿色#006400rgb(0,100,0)
Chartreuse查特酒绿#7FFF00rgb(127,255,0)
LawnGreen草坪绿#7CFC00rgb(124,252,0)
GreenYellow绿黄色#ADFF2Frgb(173,255,47)
OliveDrab橄榄土褐色#556B2Frgb(85,107,47)
Beige米色(浅褐色)#F5F5DCrgb(245,245,220)
LightGoldenrodYellow浅秋麒麟黄#FAFAD2rgb(250,250,210)
Ivory象牙#FFFFF0rgb(255,255,240)
LightYellow浅黄色#FFFFE0rgb(255,255,224)
Yellow纯黄#FFFF00rgb(255,255,0)
Olive橄榄#808000rgb(128,128,0)
DarkKhaki深卡其布#BDB76Brgb(189,183,107)
LemonChiffon柠檬薄纱#FFFACDrgb(255,250,205)
PaleGodenrod灰秋麒麟#EEE8AArgb(238,232,170)
Khaki卡其布#F0E68Crgb(240,230,140)
Gold#FFD700rgb(255,215,0)
Cornislk玉米色#FFF8DCrgb(255,248,220)
GoldEnrod秋麒麟#DAA520rgb(218,165,32)
FloralWhite花的白色#FFFAF0rgb(255,250,240)
OldLace老饰带#FDF5E6rgb(253,245,230)
Wheat小麦色#F5DEB3rgb(245,222,179)
Moccasin鹿皮鞋#FFE4B5rgb(255,228,181)
Orange橙色#FFA500rgb(255,165,0)
PapayaWhip番木瓜#FFEFD5rgb(255,239,213)
BlanchedAlmond漂白的杏仁#FFEBCDrgb(255,235,205)
NavajoWhite纳瓦霍白#FFDEADrgb(255,222,173)
AntiqueWhite古代的白色#FAEBD7rgb(250,235,215)
Tan晒黑#D2B48Crgb(210,180,140)
BrulyWood结实的树#DEB887rgb(222,184,135)
Bisque(浓汤)乳脂,番茄等#FFE4C4rgb(255,228,196)
DarkOrange深橙色#FF8C00rgb(255,140,0)
Linen亚麻布#FAF0E6rgb(250,240,230)
Peru秘鲁#CD853Frgb(205,133,63)
PeachPuff桃色#FFDAB9rgb(255,218,185)
SandyBrown沙棕色#F4A460rgb(244,164,96)
Chocolate巧克力#D2691Ergb(210,105,30)
SaddleBrown马鞍棕色#8B4513rgb(139,69,19)
SeaShell海贝壳#FFF5EErgb(255,245,238)
Sienna黄土赭色#A0522Drgb(160,82,45)
LightSalmon浅鲜肉(鲑鱼)色#FFA07Argb(255,160,122)
Coral珊瑚#FF7F50rgb(255,127,80)
OrangeRed橙红色#FF4500rgb(255,69,0)
DarkSalmon深鲜肉(鲑鱼)色#E9967Argb(233,150,122)
Tomato番茄#FF6347rgb(255,99,71)
MistyRose薄雾玫瑰#FFE4E1rgb(255,228,225)
Salmon鲜肉(鲑鱼)色#FA8072rgb(250,128,114)
Snow#FFFAFArgb(255,250,250)
LightCoral淡珊瑚色#F08080rgb(240,128,128)
RosyBrown玫瑰棕色#BC8F8Frgb(188,143,143)
IndianRed印度红#CD5C5Crgb(205,92,92)
Red纯红#FF0000rgb(255,0,0)
Brown棕色#A52A2Argb(165,42,42)
FireBrick耐火砖#B22222rgb(178,34,34)
DarkRed深红色#8B0000rgb(139,0,0)
Maroon栗色#800000rgb(128,0,0)
White纯白#FFFFFFrgb(255,255,255)
WhiteSmoke白烟#F5F5F5rgb(245,245,245)
Gainsboro亮灰色#DCDCDCrgb(220,220,220)
LightGrey浅灰色#D3D3D3rgb(211,211,211)
Silver银白色#C0C0C0rgb(192,192,192)
DarkGray深灰色#A9A9A9rgb(169,169,169)
Gray灰色#808080rgb(128,128,128)
DimGray暗淡的灰色#696969rgb(105,105,105)
Black纯黑#000000rgb(0,0,0)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值