如何在HTML中使用字体颜色标签
作者:
Lewis Jackson
创建日期:
5 可能 2021
更新日期:
1 七月 2024
![html 1 - 11 字体标签](https://i.ytimg.com/vi/kVY06t58I-Q/hqdefault.jpg)
内容
本文内容:使用HTML标签在标签中使用CSS6
HTML字体标签现在已过时,专业开发人员应避免使用它。尽管在个人项目中更改字体的颜色非常简单,但不能保证它会随着Web浏览器的更新而继续工作。为了获得最佳结果,您应该将该方法与CSS一起使用。
阶段
方法1:使用HTML标记
-
创建字体标签。 放置标签 在要着色的e前面。通过把它关闭 在e的结尾。- 例如:
我希望这是蓝色的
- 例如:
-
添加颜色的属性。 添加 color =“” 在开始标签内。然后,您必须将选择的颜色放在双引号中(英文)。- 例如:
我希望这是蓝色的
- 例如:
-
选择颜色的名称。 它始终是英文中的简单单词,没有空格。尝试使用简单的名称,例如“蓝色”,“红色”或更具体的名称,例如“浅蓝色”(深蓝色)或“深蓝色”(深蓝色)。要获得更多选择,请找到可接受的颜色名称列表,例如栗色,铁蓝和石灰。- 例如:
我希望这是蓝色的
- 例如:
-
请改用十六进制代码。 HTML允许您从数以百万计的颜色中进行选择,但并不总是为其指定名称。相反,您将在称为十六进制的系统中使用六位数代码。有很多网站提供颜色的十六进制代码列表,或者甚至可以直接在屏幕上选择颜色来获取代码。该数字以#符号开头,后跟六个数字,该数字由0到9之间的数字和d到F组成。- 代码FF0000与标记为“红色”的红色相同。
- 此代码生成绿色。
- 此代码使e变为蓝色。
-
播放RGB值。 您不必知道十六进制颜色代码如何工作即可在Internet上找到的调色板中选择所需的颜色。但是,如果要进行几次实验,则必须从基础开始。- 每个六位数字分为红色,绿色和蓝色的值(对于“红色,绿色,蓝色”,则为“ RGB”)。例如,代码#FF0000实际上表示“红色:FF,绿色:00,蓝色:00”。
- 要更改红色量,请更改前两位数字。您可以使用介于00(根本没有红色)和99(有点红色)之间以及AA(稍微多一点红色)和FF(最大红色)之间的值。
- 使用相同的系统来更改绿色(中间两位数字)和蓝色(最后两位数字)的值。
-
深入了解代码。 为了获得更准确的颜色选择,您需要了解另外两个概念。- 这三个值均由两位数字组成。要进行小的编辑,您可以更改第二个数字。例如: #850000 和 #890000 非常相似,但是 #A50000 更清晰。
- RGB值基于加法颜色合成系统进行混合。红色和绿色 黄,蓝色和绿色 青色 和红色和蓝色使 品红 .
方法2:在标签中使用CSS
-
在标签中插入“样式”属性。 此属性使您可以将CSS直接放入HTML标记中。即使您不了解CSS,这也是一种更改颜色的简单方法。尝试将其放在以下标签之一中:p标签用e包围一个段落
- 标签周围有一个链接
- 使用span标签可以更改e部分的颜色,而无需更改格式
-
指示颜色。 插入 颜色: 其后是引号内的颜色或十六进制代码的名称。有关颜色名称的更多信息,请参见前面方法中的示例。- e现在为红色。
- 这是深橄榄绿色的代码。
- CSS支持三位数的缩短的颜色代码。代码745是774455的缩写。
-
使用CSS类。 如果要对所有照片或所有章节标题应用相同的样式,则无需每次都重复相同的代码。相反,您可以在文档的标题中定义一个类,以便以后要应用相同样式时可以引用它。这是显示“ style”属性的几种用法的示例。- 在本节中 HTML页面中,复制以下代码:
- 在同一文档的正文中,使用属性 将此样式添加到项目中。例如:
本段
将以深绿色显示,并带有宽大的草书字体。 - 知道您不必将类称为“ fancy”,则可以为其命名。
- 在本节中 HTML页面中,复制以下代码: