开发网站五个阶段2023年小学生简短小新闻

背景

Markdown是一种轻量级标记语言，它的目标是实现“易读易写”。创立于2004年，由约翰·格鲁伯（John Gruber）和亚伦·斯沃茨（Aaron Swartz）共同设计。

Markdown语法简洁明了、学习容易，而且功能强大。它使用纯文本格式，因此可以用任何文本编辑器打开，非常便于读写。

Markdown最常用于编写文档和网页内容，特别是在程序员中受到广泛的欢迎。如GitHub就支持Markdown格式的README文件。

Markdown的语法包括：

• 标题：使用#来标记，一个#是一级标题，二个##是二级标题，以此类推，支持六级标题。
• 段落和换行：段落由一个或多个连续的文本行组成，段落前后要有一个以上的空行。在一个段落内，行尾插入两个以上的空格然后回车。
• 列表：无序列表使用星号、加号或者减号作为列表标记，有序列表使用数字加点。
• 引用：使用>表示。
• 代码：可以用反引号来标记。
• 链接和图片：使用[]来插入链接，使用![]来插入图片。
• 强调：使用*或_来表示。

在Markdown中，你可以直接插入HTML代码。Markdown的语法解析器可以处理HTML标签，并且在生成的输出中保留这些标签。这意味着你可以在Markdown文档中自由地使用HTML，且不需要特殊的转义或标记。

例如，你可以在Markdown文档中插入一个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的方法来实现 字体 (颜色、格式，大小）及背景色设置。

字体大小设置

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对照表、网页字体参考

浅红色文字：<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	效果
浅红色文字：浅红色文字：
深红色文字：深红色文字
浅绿色文字：浅绿色文字
深绿色文字：深绿色文字
浅蓝色文字：浅蓝色文字
深蓝色文字：深蓝色文字
浅黄色文字：浅黄色文字
深黄色文字：深黄色文字
浅青色文字：浅青色文字
深青色文字：深青色文字
浅紫色文字：浅紫色文字
深紫色文字：深紫色文字

字体类型

<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字

背景色

<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