Тег color – Задаем цвет текста в CSS. Способы представления цветов — учебник CSS

Leave a Comment / Разное / By /

seodon.ru | Теги HTML — Тег FONT

Опубликовано: 25.06.2010 Последняя правка: 10.12.2015

Атрибут color, тега <FONT>, задает цвет текста.

Значения

Значением атрибута является указание цвета одним из следующих способов: указать имя цвета или 16-ричное значение цвета, перед которым необходимо поставить решетку (#).

Значение по умолчанию: Зависит от того, применялся ли тег <BASEFONT>, если нет, то зависит от настроек браузера и цветовой схемы операционной системы. Как правило, это черный цвет (black, #000000).

Если вы используете данный атрибут, то всегда указывайте и фоновый цвет, например при помощи тега <BODY> или CSS, так как, если у пользователя нестандартные настройки, то цвет текста и фона может совпасть.

Синтаксис

<font color="значение">...</font>

Обязательный атрибут: нет.

Пример HTML: применение атрибута color

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>seodon.ru - Тег FONT, атрибут color</title>
 </head>
 <body>
  <p>Одной из ошибок начинающих сайтостроителей является использование
     негармоничных, несочетающихся цветов. А другой ошибкой — навешивание
     «ярлыков» на цвета. Например, что <font color="red">красный</font>
     и <font color="green">зеленый</font> не сочетаются. Это неверно!
     Правильно будет так: некоторые оттенки красного не сочетаются с
     некоторыми оттенками зеленого.</p>
 </body>
</html>

Результат примера

Результат. Применение атрибута color.

Поддержка версиями HTML

Версия:HTML 4.01HTML 5XHTML 1.0XHTML 1.1
Поддержка:ЧастичноНетЧастично
Нет

В HTML 4.01 и XHTML 1.0 использовать атрибут color допускается только с <!DOCTYPE> Transitional и Frameset, в противном случае будет невалидный код. А вообще рекомендуется применять стили (CSS).

Поддержка браузерами

Браузер:Internet ExplorerGoogle ChromeMozilla FirefoxOperaSafari
Версия:6.0 и выше2.0 и выше2.0 и выше9.2 и выше3.1 и выше
Поддержка:ДаДаДаДаДа

Атрибут color | HTML | WebReference

Задаёт цвет линии, созданной с помощью элемента <hr>. Одновременно, использование этого атрибута запрещает трёхмерные эффекты, словно был добавлен атрибут noshade.

Это нестандартный атрибут, взамен него используйте стили.

Значение по умолчанию

Пример

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>HR, атрибут color</title>
 </head>
 <body>
  <hr color="red">
  <hr color="green">
  <hr color="blue">
 </body>
</html>

Результат примера показан на рис. 1.

Линии разного цвета

Рис. 1. Линии разного цвета

Примечание

Для изменения цвета линии используйте стилевое свойство background.

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>HR</title>
  <style>
   hr {
    width: 300px; /* Ширина */
    height: 4px; /* Высота */
    background: red; /* Цвет */
   }
  </style>
 </head>
 <body> 
  <hr>
  <p>До недавнего времени считалось, 
  что лидерство в продажах недостижимо.</p>
 </body>
</html>

Браузеры

В таблице браузеров применяются следующие обозначения.

  •  — элемент полностью поддерживается браузером;
  •  — элемент браузером не воспринимается и игнорируется;
  •  — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.

×

Автор и редакторы

Автор: Влад Мержевич

Последнее изменение: 02.01.2017

Редакторы: Влад Мержевич

Курс по вёрстке сайта на CSS Grid

seodon.ru | Теги HTML — Тег HR

Опубликовано: 25.06.2010 Последняя правка: 10.12.2015

Атрибут color, тега <HR>, устанавливает цвет линии. Кроме этого, если установлен данный атрибут — все браузеры, кроме Opera 9.6, делают линию «плоской».

Значения

Значением атрибута является указание цвета одним из следующих способов: указать имя цвета или 16-ричное значение цвета, перед которым необходимо поставить решетку (#).

Значение по умолчанию: Как правило, браузеры отображают линию цвета фона, на котором она находится, но с эффектом теней.

Синтаксис

<hr color="значение">

Обязательный атрибут: нет.

Пример HTML: применение атрибута color

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>seodon.ru - Тег HR, атрибут color</title>
 </head>
 <body>
  <hr size="40" color="red">
  <hr size="40" color="yellow">
  <hr size="40" color="#008000">
 </body>
</html>

Результат примера

Результат. Применение атрибута color

в браузере Chrome.

В Firefox.

Поддержка версиями HTML

Версия:HTML 4.01HTML 5XHTML 1.0XHTML 1.1
Поддержка:НетНетНетНет

Атрибута color нет в спецификации HTML, поэтому если его использовать будет невалидный код.

Поддержка браузерами

Браузер:Internet ExplorerGoogle ChromeMozilla FirefoxOperaSafari
Версия:6.0 и выше2.0 и выше2.0 и выше9.29.6 и выше3.1 и выше
Поддержка:ДаДаДаНетДаДа

Атрибут bgcolor | htmlbook.ru


Internet ExplorerChromeOperaSafariFirefoxAndroidiOS
3.0+1.0+1.0+1.0+1.0+1.0+1.0+

Спецификация

HTML:3.24.015.0XHTML:1.01.1

Описание

Устанавливает цвет фона ячейки.

Синтаксис

<td bgcolor="цвет">...</td>

Значения

См. цвет

Значение по умолчанию

Зависит от браузера и его версии, обычно используется белый цвет фона.

Аналог CSS

background-color

Валидация

Использование этого атрибута осуждается спецификацией HTML, валидный код получается только при использовании переходного <!DOCTYPE>.

Пример

HTML 4.01IECrOpSaFx

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
  "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Тег TD, атрибут bgcolor</title>
 </head>
 <body text="white">

   <table bgcolor="black">
    <tr>
     <td bgcolor="#ffcc00">Ячейка 1</td>
    </tr>
    <tr>
     <td>Ячейка 2</td>
    </tr>
   </table> 

 </body>
</html>

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.

Атрибут bgcolor | HTML | WebReference

Устанавливает цвет фона ячейки.

Данный атрибут устарел, взамен используйте стили.

Синтаксис

<td bgcolor="<цвет>">...</td>

Значение по умолчанию

Зависит от браузера и его версии, обычно используется белый цвет фона.

Пример

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
  "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>TD, атрибут bgcolor</title>
 </head>
 <body text="white">
   <table bgcolor="black">
    <tr>
     <td bgcolor="#ffcc00">Ячейка 1</td>
    </tr>
    <tr>
     <td>Ячейка 2</td>
    </tr>
   </table>
 </body>
</html>

Примечание

Для изменения цвета фона ячейки используйте стилевое свойство background, добавляя его к селектору td или th.

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>background</title>
  <style>
   td {
    background: green;
    color: white;
    border: 1px solid white;
   }
  </style>
 </head>
 <body> 
  <table>
   <tr>
    <td> ... </td>
   </tr> 
  </table>
 </body>
</html>

Браузеры

В таблице браузеров применяются следующие обозначения.

  •  — элемент полностью поддерживается браузером;
  •  — элемент браузером не воспринимается и игнорируется;
  •  — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.

×

Автор и редакторы

Автор: Влад Мержевич

Последнее изменение: 08.11.2016

Редакторы: Влад Мержевич

Курс по вёрстке сайта на CSS Grid

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *