Содержание

• Шаги
• Совет
• Предупреждение

Эта статья покажет вам, как изменить цвет шрифта в HTML-документах. Хотя теги шрифтов в HTML устарели, вы можете использовать CSS для добавления цвета к тексту HTML-страницы. Если вы используете старую версию HTML, вы можете использовать тег шрифта HTML по мере необходимости.

Шаги

Метод 1 из 2. Используйте HTML-теги

1. 

   Создавайте теги шрифтов. Набор карточек перед текстом, цвет которого нужно изменить. Разместить закрывающую карточку за текстом.
   • Такие как:
     Этот текст будет синим.

2. 

   
   
   Добавьте атрибуты цвета. Вставить цвет = "" в открытую вкладку шрифтов. Желаемый цвет будет в кавычках.
   • Например:
     цвет = ""Этот текст будет синим.

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. Свойства style = "" позволяет использовать CSS в документах HML. Вот простой способ установить цвет шрифта, даже если вы не знаете о CSS. Попробуйте установить атрибут стиля для одного из HTML-тегов:

   • Тег p используется для идентификации фрагмента текста.

   • Тег a используется для создания ссылки.
   • Используйте теги span, чтобы раскрасить часть абзаца без изменения форматирования.

2. 

   Обозначение цвета. Вставить цвет: с названием цвета или шестнадцатеричным кодом внутри кавычек. Для получения дополнительных сведений об именах и цветовых кодах см. Метод выше или попробуйте следующие примеры:
   • Этот код представляет собой красный текст.
   • Этот код дает темно-оливково-зеленый цвет.
   • CSS поддерживает 3-значное сокращение. Цветовой код 745 означает 774455.

3. 

   Используйте классы CSS с часто используемыми шрифтами. Если вы хотите стилизовать каждую подпись или заголовок изображения для части содержимого на большой веб-странице, вам не нужно вводить весь код снова и снова. Вместо этого определите класс CSS в начале текста, чтобы вы могли вызывать класс только с одним сокращением каждый раз, когда хотите использовать этот стиль. Вот пример, показывающий некоторые новые варианты использования атрибута style:
   • В разделе HTML-документа вставьте следующий код:
     
   • Затем в теле текста используйте атрибут, чтобы добавить этот стиль в качестве элемента. Такие как,

     этот абзац

     темно-зеленый, крупный курсивный шрифт.
   • Обратите внимание, что для описания гарнитуры можно использовать любое слово вместо слова «модный».
   рекламное объявление

Совет

• Вы должны постараться сделать вашу страницу удобной для чтения. Светлый текст будет трудно читать на белом, а темный текст - на черном.
• Старые компьютеры отображают максимум 65 000 цветов, тогда как старые компьютеры отображают максимум 256 цветов. Однако более 99% пользователей Интернета смогут увидеть указанный вами цвет.

Предупреждение

• Элемент font не поддерживается стандартом XHTML 1.0 Strict DTD.