![]()
Атрибут color , тега , задает цвет текста.
Значением атрибута является указание цвета одним из следующих способов: указать имя цвета или 16-ричное значение цвета, перед которым необходимо поставить решетку (#).
Значение по умолчанию:
Зависит от того, применялся ли тег
Если вы используете данный атрибут, то всегда указывайте и фоновый цвет, например при помощи тега
или CSS, так как, если у пользователя нестандартные настройки, то цвет текста и фона может совпасть.Обязательный атрибут: нет.
Пример HTML: применение атрибута color
Одной из ошибок начинающих сайтостроителей является использование негармоничных, несочетающихся цветов. А другой ошибкой - навешивание «ярлыков» на цвета. Например, что красный и зеленый не сочетаются. Это неверно! Правильно будет так: некоторые оттенки красного не сочетаются с некоторыми оттенками зеленого.
Результат.

В этом уроке мы рассмотрим последний атрибут тега , который задает цвет текста. По умолчанию текст имеет черный цвет, который выводиться на белом фоне. Для того, чтобы изменить цвет текста в html , нужно применить атрибут color тега :
Для задания цвета достаточно указать его название, например: red, green, blue. Рассмотрим небольшой пример:
Текст зеленого цвета
Текст красного цвета
Текст фиолетового цвета
Посмотрим результат в браузере:
Текст в первом абзаце стал зеленым, во втором – красным, а в третьем – фиолетовым. Всего существует 16 названий основных цветов и 130 дополнительных. Полный список цветов вы можете посмотреть в таблице цветов html.
Этот способ обозначения цвета очень прост, но весьма ограничен. Поэтому для того чтобы изменить цвет в html – коде, чаще используют шестнадцатеричное число перед которым стоит знак решетки (#), например:
С помощью такого обозначения можно получить более 16 миллионов цветов и их оттенков! Получить код цвета можно с помощью , который имеется на сайте, или воспользовавшись палитрой цветов в том же Photoshop. Рассмотрим пример и запишем следующий код:
Текст зеленого цвета
Текст красного цвета
Текст фиолетового цвета
Сохраним файл и посмотрим на результат:
Как вы видите, мы задали тексту те же цвета, как и в первом примере, только здесь мы воспользовались шестнадцатеричной системой исчисления или другими словами, мы задали цвет в формате HEX.
Теперь вы научились изменять цвет текста в html и в конце урока предлагаю повторить все атрибуты тега , и задать тексту сразу несколько параметров, а именно: шрифт, размер и цвет. Запишите пример:
Задаем тексту шрифт, размер и цвет
Задаем тексту шрифт, размер и цвет
Если вы добавите атрибут color [цвет] , то пользователи смогут использовать фильтры, чтобы найти нужный товар. Предлагая товары разных цветов, указывайте их в этом атрибуте.
Атрибут является обязательным для одинаковых товаров, которые отличаются по цвету.
Обязательно указывать этот атрибут для всех товаров группы Apparel & Accessories [Предметы одежды и принадлежности] (166) с таргетингом на следующие страны:
Соблюдайте эти правила в отношении форматов, чтобы мы могли верно интерпретировать ваши данные.
О том, как оформлять сведения о товарах в формате API, написано .
Чтобы данные о товарах были максимально точными, следуйте указаниям ниже.
Полезные советы о том, как оптимизировать фид данных.
Для разноцветных товаров, например пары обуви, сделанной из ткани синего, оранжевого и фиолетового цветов, можно указать до трех цветов. Выберите основной и до двух дополнительных и перечислите их через косую черту (/). Пример.
Цвет шрифта на сайте можно задать при помощи HTML-кода. Для этого существует тег font . По определению, тег font служит некой «обёрткой» или «контейнером» для текста, управляя свойствами которого можно изменять оформление текста.
Тег font применяется следующим образом:
Конструктор сайтов "Нубекс"
Самый простой способ, как изменить цвет шрифта в HTML, это использовать атрибут color тега font :
Конструктор сайтов "Нубекс"
Здесь задается синий цвет для слова, обрамленного тегом font .
Но помимо параметра color, тег имеет и другие атрибуты.
Тег font имеет всего три атрибута:
Параметр color может быть определен названием цвета (например, “red”, “blue”, “green”) или шестнадцатеричным кодом (например, #fa8e47).
Атрибут size может принимать значения от 1 до 7 (по умолчанию равен 3, что соответствует 13,5 пунктам для шрифта Times New Roman). Другой вариант задания атрибута - “+1” или “-1”. Это означает, что размер будет изменен относительно базового на 1 больше или меньше, соответственно.
Рассмотрим применение этих атрибутов на нашем примере:
Конструктор сайтов "Нубекс"
Мы применили тег font к одному слову, задали для него размер 6, оранжевый цвет и семейство шрифтов “Serif”.
Если вам нужно применить определенное форматирование (например, изменить цвет текста) к нескольким участкам текста, то более правильно будет воспользоваться CSS-кодом. Для этого существует атрибут color. Рассмотрим способ его применения на нашем примере:
Конструктор сайтов "Нубекс"
Здесь мы задали синий цвет для слова «Конструктор» (размер его, по умолчанию, 100% от базового), зеленый цвет и размер 125% для слова «сайтов», оранжевый цвет и размер 150% для слова «Нубекс».