如何使用HTML文字颜色标签

作者: Monica Porter
创建日期: 21 行进 2021
更新日期: 27 六月 2024
Anonim
【html】輸入標籤 input、textarea
视频: 【html】輸入標籤 input、textarea

内容

本文将向您展示如何更改HTML文档上的字体颜色。尽管HTML中的字体标签已过时,但是您可以使用CSS为HTML页面的文本添加颜色。如果使用的是旧版HTML,则可以根据需要使用HTML字体标签。

脚步

方法1之2:使用HTML标记

  1. 创建字体标签。 套卡 要更改颜色的文字前面。地方关闭卡 文字后面。
    • 如:
      此文本将为蓝色。

  2. 添加颜色属性。 插入 color =“” 进入字体打开标签。您想要的颜色将用引号引起来。
    • 例如:
      color =“”此文本将为蓝色。

  3. 选择颜色名称。 颜色名称始终是一个不带空格的单词。尝试使用简单的名称(例如“蓝色”(蓝色),“红色”(红色))或描述性名称(例如“浅蓝色”或“深蓝色”(深蓝色))。有关更多选项,请查找公认的颜色关键字列表,其中包括“栗色”(深棕色),“钢蓝”(灰绿色)和“石灰”(浅黄色)。
    • 如:
      此文本将为蓝色。

  4. 使用十六进制颜色代码。 HTML使您可以从数百万种颜色中进行选择,但并非所有颜色都有名称。而是使用十六进制编写的六字符代码。在网络上,有许多网站列出了十六进制颜色代码,或者让您在屏幕上选择一种颜色并显示十六进制值。该代码以#号开头,并包含六个字符,包括数字0-9或字母A-F。
    • 代码FF0000代表红色。
    • 此代码产生绿色文本。
    • 此代码产生蓝色文本。
  5. 试用RGB值。 您不必知道十六进制颜色编码如何工作才能使用在线颜色选择器。但是,如果您想体验,可以从以下基础开始:
    • 每个六个字符的代码分为红色,绿色(绿色)和蓝色(“ RGB”)值。例如,代码#FF0000表示“红色:FF绿色:00蓝色:00”。
    • 要更改红色量,请更改前两个字符。您可以使用从00(无红色)到99(微红色)或AA(红色)到FF(最大红色)的任何值。
    • 使用相同的系统将值更改为绿色(两个中间字符)或蓝色(最后两个数字)。
  6. 深入了解十六进制颜色代码。 要选择正确的颜色,您需要了解以下两个概念:
    • 每三个颜色值是两位数。如果您想进行较少的调整,只需更改第二个数字。例如,#850000和#890000非常相似,而#A50000会更亮。
    • 组合的RGB值等于色彩系统加。红色和绿色将产生黄色;红色和绿色将产生黄色。蓝色和绿色形成青色;红色和蓝色将产生酒红色。
    广告

方法2之2:使用内联CSS元素

  1. 将样式属性插入HTML标记中。 物产 样式=“” 允许您在HML文档中使用CSS。即使您不了解CSS,这也是一种设置字体颜色的简单方法。尝试将样式属性设置为HTML标签之一:
  2. 颜色指定。 插入 颜色: 在引号内使用颜色名称或十六进制代码。有关名称和颜色代码的更多详细信息,请参见上面的方法或尝试以下示例:
    • 该代码构成红色文本。
    • 此代码产生深橄榄绿色。
    • CSS支持3位数缩短。颜色代码745代表774455。
  3. 将CSS类与经常使用的字体一起使用。 如果要为大型网页上的内容的每个图像标题或标题设置样式,则无需一遍又一遍地键入整个代码。相反,请在文本开头定义一个CSS类,这样,每次使用该样式时,您都可以只用一个简写形式调用该类。这是一个显示style属性的新用法的示例:
    • 在部分 HTML文档中,粘贴以下代码:
    • 接下来,在文本正文中,使用属性将该样式添加为元素。如,

      本段

      深绿色,大草书字体。
    • 请注意,您可以使用任何单词代替“花式”来描述字体。
    广告

忠告

  • 您应该尝试使页面易于阅读。浅色文本颜色很难在白色上阅读,而深色文本颜色很难在黑色上阅读。
  • 较旧的计算机显示限制为65,000色,而较旧的计算机显示限制为256色。但是,超过99%的互联网用户将能够看到您指定的颜色。

警告

  • XHTML 1.0 Strict DTD标准不支持font元素。