文章目录
背景
Markdown是一种轻量级标记语言,它的目标是实现"易读易写"。创立于2004年,由约翰·格鲁伯(John Gruber)和亚伦·斯沃茨(Aaron Swartz)共同设计。
Markdown语法简洁明了、学习容易,而且功能强大。它使用纯文本格式,因此可以用任何文本编辑器打开,非常便于读写。
Markdown最常用于编写文档和网页内容,特别是在程序员中受到广泛的欢迎。如GitHub就支持Markdown格式的README文件。
Markdown的语法包括:
- 标题:使用#来标记,一个#是一级标题,二个##是二级标题,以此类推,支持六级标题。
- 段落和换行:段落由一个或多个连续的文本行组成,段落前后要有一个以上的空行。在一个段落内,行尾插入两个以上的空格然后回车。
- 列表:无序列表使用星号、加号或者减号作为列表标记,有序列表使用数字加点。
- 引用:使用>表示。
- 代码:可以用反引号来标记。
- 链接和图片:使用[]来插入链接,使用![]来插入图片。
- 强调:使用*或_来表示。
在Markdown中,你可以直接插入HTML代码。Markdown的语法解析器可以处理HTML标签,并且在生成的输出中保留这些标签。这意味着你可以在Markdown文档中自由地使用HTML,且不需要特殊的转义或标记。
例如,你可以在Markdown文档中插入一个HTML表格:
html
<table>
<tr> <th>Header 1</th> <th>Header 2</th> </tr>
<tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr>
<tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr>
</table>
效果如下:
Header 1 | Header 2 |
---|---|
row 1, cell 1 | row 1, cell 2 |
row 2, cell 1 | row 2, cell 2 |
需要注意的是,虽然 Markdown支持内嵌 HTML,但并非所有的HTML元素都会被所有的Markdown解析器完全支持,具体支持情况可能会根据你使用的具体工具或平台而有所不同。
CSDN 的markdown 编辑器是其衍生版本,扩展了Markdown的功能(如表格、脚注、内嵌HTML等等)就是内嵌HTML,接下来要讲的功能就需要使用内嵌HTML的方法来实现 字体 (颜色、格式,大小)及背景色设置。
字体大小设置
c
size为1:<font size="1">size为1</font><br />
size为2:<font size="2">size为2</font><br />
size为3:<font size="3">size为3</font><br />
size为4:<font size="4">size为4</font><br />
size为8:<font size="10">size为10</font><br />
效果如下 :
size为1 :size为1
size为2 :size为2
size为3 :size为3
size为4 :size为4
size为8 :size为8
字体颜色设置
常用对照表 :
RGB 颜色参考值 、ASCII对照表 、网页字体参考
c
浅红色文字:<font color="#dd0000">浅红色文字</font><br />
深红色文字:<font color="#660000">深红色文字</font><br />
浅绿色文字:<font color="#00dd00">浅绿色文字</font><br />
深绿色文字:<font color="#006600">深绿色文字</font><br />
浅蓝色文字:<font color="#0000dd">浅蓝色文字</font><br />
深蓝色文字:<font color="#000066">深蓝色文字</font><br />
浅黄色文字:<font color="#dddd00">浅黄色文字</font><br />
深黄色文字:<font color="#666600">深黄色文字</font><br />
浅青色文字:<font color="#00dddd">浅青色文字</font><br />
深青色文字:<font color="#006666">深青色文字</font><br />
浅紫色文字:<font color="#dd00dd">浅紫色文字</font><br />
深紫色文字:<font color="#660066">深紫色文字</font><br />
效果如下:
color | 效果 |
---|---|
浅红色文字:浅红色文字: | |
深红色文字:深红色文字 | |
浅绿色文字:浅绿色文字 | |
深绿色文字:深绿色文字 | |
浅蓝色文字:浅蓝色文字 | |
深蓝色文字:深蓝色文字 | |
浅黄色文字:浅黄色文字 | |
深黄色文字:深黄色文字 | |
浅青色文字:浅青色文字 | |
深青色文字:深青色文字 | |
浅紫色文字:浅紫色文字 | |
深紫色文字:深紫色文字 |
字体类型
c
<font face="黑体">我是黑体字</font>
<font face="宋体">我是宋体字</font>
<font face="微软雅黑">我是微软雅黑字</font>
<font face="fantasy">我是fantasy字</font>
<font face="Helvetica">我是Helvetica字</font>
效果如下 :
1 我是黑体字
2 我是宋体字
3 我是微软雅黑字
4 我是fantasy字
5 我是Helvetica字
背景色
c
<table><tr><td bgcolor=#FF00FF>背景色的设置是按照十六进制颜色值:#7FFFD4</td></tr></table>
<table><tr><td bgcolor=#FF83FA>背景色的设置是按照十六进制颜色值:#FF83FA</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>
|--------------------------|
| 背景色的设置是按照十六进制颜色值:#7FFFD4 |
|--------------------------|
| 背景色的设置是按照十六进制颜色值:#FF83FA |
|--------------------------|
| 背景色的设置是按照十六进制颜色值:#D1EEEE |
|--------------------------|
| 背景色的设置是按照十六进制颜色值:#C0FF3E |
|--------------------------|
| 背景色的设置是按照十六进制颜色值:#54FF9F |
推荐阅读 :
https://blog.csdn.net/m0_46299185/article/details/120326321