优快云-Markdown快速学习

最新推荐文章于 2026-01-04 15:29:08 发布

原创最新推荐文章于 2026-01-04 15:29:08 发布 · 165 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#markdown

优快云专栏收录该内容

3 篇文章

订阅专栏

本文介绍如何在HTML中使用颜色代码如红色、灰色等，并探讨了不同空格类型及其应用。同时，涵盖了字体选择和基本的表格、行背景设置技巧。适合前端开发者和排版爱好者。

一、颜色和空格一起学习
1、目前已知两种形式，若大家有更好的方法，可以评论留言

源码是：

<font color=red size=5 face="楷体">我喜欢&nbsp;你</font>
$\color{red}{Hello}$&nbsp;$\color{red}{Friend}$
$\color{red}{Hello}$&emsp;$\color{red}{Friend}$
$\color{red}{Hello}$&ensp;$\color{red}{Friend}$

效果是：
我喜欢你
$Hello\color{red}{Hello}$ $Friend\color{red}{Friend}$
$Hello\color{red}{Hello}$ $Friend\color{red}{Friend}$
$Hello\color{red}{Hello}$ $Friend\color{red}{Friend}$

2、更多的颜色：

颜色	效果
$\color{black}{Hello World!}$	$HelloWorld!\color{black}{Hello World!}$
$\color{gray}{Hello World!}$	$HelloWorld!\color{gray}{Hello World!}$
$\color{silver}{Hello World!}$	$HelloWorld!\color{silver}{Hello World!}$
$\color{maroon}{Hello World!}$	$HelloWorld!\color{maroon}{Hello World!}$
$\color{yellow}{Hello World!}$	$HelloWorld!\color{yellow}{Hello World!}$
$\color{lime}{Hello World!}$	$HelloWorld!\color{lime}{Hello World!}$
$\color{olive}{Hello World!}$	$HelloWorld!\color{olive}{Hello World!}$
$\color{green}{Hello World!}$	$HelloWorld!\color{green}{Hello World!}$
$\color{teal}{Hello World!}$	$HelloWorld!\color{teal}{Hello World!}$
$\color{aqua}{Hello World!}$	$HelloWorld!\color{aqua}{Hello World!}$
$\color{blue}{Hello World!}$	$HelloWorld!\color{blue}{Hello World!}$
$\color{navy}{Hello World!}$	$HelloWorld!\color{navy}{Hello World!}$
$\color{purple}{Hello World!}$	$HelloWorld!\color{purple}{Hello World!}$
$\color{fuchsia}{Hello World!}$	$HelloWorld!\color{fuchsia}{Hello World!}$

3、空格大小,填代码块显示！

名称	代码	长度
常规空格	`&nbsp`	常规宽度
半角空格	`&ensp;`	一个字母的宽度
全角空格	`&emsp;`	一个字的宽度
窄空格	` `	半个字母的宽度

4、空格用于任何我想用的地方
例如开头空两格使用&emsp;
代码：

&emsp;空格真好

效果：
空格真好

建议若不是使用HTML代码，就不要用 因为这效果很不明显，建议使用&emsp;

5、字体的font：

<font color=red size=5 face="楷体">我喜欢你</font>
<font color=red size=5 face="方正雅黑">我喜欢你</font>
<font color=red size=5 face="宋体">我喜欢你</font>
<font color=red size=5 face="黑体">我喜欢你</font>
<font color=red size=5 face="楷体">*我喜欢你*</font>

我喜欢你
我喜欢你
我喜欢你
我喜欢你
我喜欢你

二、学习添加表格

格式如下：
在这里插入图片描述
效果展示如下：

表格	Value	十点多
123	333	我问问
要开心	要快乐	要幸福

注意：一定要加一行，这是在这里插入图片描述
表格的标志！

三、增加行背景颜色

<table><td bgcolor=red>Red</td></table>

效果如下：

Red

PS：
若还有什么需要的，我以后再补充！！！！！希望小伙伴们多多评论，多多支持哦，韩式傻笑！在这里插入图片描述
另外背景色的链接http://www.voidcn.com/article/p-firwkkkw-vc.html
以及比较详细的链接（Markdown小知识）https://www.cnblogs.com/blfshiye/p/5168840.html