Понедельник, 30.06.2025, 23:05

Цвета

Шестнадцатеричные цвета

Для задания цветов в HTML используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из ее названия, на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Цифры от 10 до 15 заменены латинскими буквами. В таблице приведено соответствие десятичных и шестнадцатеричных чисел.

Десятичные123456789101112131415
Шестнадцатеричные123456789ABCDEF

Числа больше 15 в шестнадцатеричной системе образуются объединением двух чисел в одно. Например, числу 255 в десятичной системе соответствует число FF в шестнадцатеричной. Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставят символ решетки #, например #666999.

Типичный цвет, используемый в HTML, выглядит следующим образом.

<body bgcolor=#FA8E47>

Цвет фона задан как #FA8E47. Символ решетки # перед числом означает, что оно шестнадцатеричное. Первые две цифры (FA) определяют красную составляющую цвета, цифры с третьей по четвертую (8E) - зеленую, а последние две цифры (47)- синюю. В итоге получится такой цвет.

FA+8E+47=FA8E47

Каждый из трех цветов - красный, зеленый и синий - может принимать значения от 00 до FF, что в итоге образует 256 оттенков. Таким образом, в модели RGB количество цветом может быть 256 х 256 х 256 = 16.777.216 комбинаций.


Названия цветов

Чтобы не запоминать совокупности цифр, вместо них можно использовать имена широко используемых цветов.

<body bgcolor=navy>

Ниже в таблице приведены 16 основных названий цветов, используемых во всех браузерах. Остальные названия смотрите в разделе     Подробная таблица цветов

НазваниеЦветHexRedGreenBlue
aqua #00FFFF00255255
black #000000000000
blue #00FFFF00255255
fuchsia #FF00FF25500255
gray #808080128128128
green #0080000012800
lime #00FF000025500
maroon #8000001280000
navy #0000800000128
olive #80800012812800
purple #80008012800128
red #FF00002550000
silver #C0C0C0192192192
teal #00808000128128
white #FFFFFF255255255
yellow #FFFF0025525500

Тег BASEFONT

Тег BASEFONT предназначен для задания шрифта, размера и цвета текста по умолчанию. Указанные значения будут использоваться во всем документе за исключением тега FONT, в котором можно переопределить параметры оформления текста.

Пример. Использование тега BASEFONT
<html>
<body>

<basefont face="Arial, Helvetica, sans-serif" size="4" color="maroon">
<p>Добро пожаловать на мою страничку, которая оформлена с использование тега BASEFONT</p>

<p><font face="Times New Roman" color=green>Цвет изменен с помощью тега FONT</font></p>

</body>
</html>

Добро пожаловать на мою страничку, которая оформлена с использование тега BASEFONT

Цвет изменен с помощью тега FONT


Особенности тега BASEFONT:

  • тег не поддерживается в браузере Opera;
  • браузер Netscape не допускает применение параметра face=...;
  • в браузере Netscape тег на текст в ячейках таблицы не действует.

  • Шрифты

    С помощью тега FONT можно изменить параметры шрифта. Спецификация HTML 4.0 рекомендует воздержаться от применения этого тега, поскольку использование FONT нарушает идею отделения содержательной части от оформления. Тем не менее, для отдельных случаев применение подобных тегов можно считать допустимым. 
    Для тега используются следующие параметры: facesize и color.

    Параметр Face служит для задания гарнитуры шрифтов использующихся для текста. Названий шрифтов можно указать несколько, через запятую. В этом случае, если первый указанный шрифт не будет найден, будет использоваться следующий по списку.

    Пример 1. Использование параметра face
    <font face="Arial, Helvetica, sans-serif">Текст будет написан шрифтом Arial.</font>

    Size задает размер шрифта в условных единицах от 1 до 7. Средний размер, используемый по умолчанию принят 3. Размер шрифта можно указывать как абсолютной величиной (например, size=4), так и относительной (например, size=+1, size=-1). В последнем случае размер изменяется относительно базового.

    Пример 2. Задание размера шрифта
    <font size=1>Шрифт размера 1</font><br>
    <font size=-1>Шрифт размера 2</font><br>
    <font size=3>Шрифт размера 3</font><br>
    <font size=+1>Шрифт размера 4</font><br>
    <font size=5>Шрифт размера 5</font><br>
    <font size=6>Шрифт размера 6</font><br>
    <font size=7>Шрифт размера 7</font><br>

    Шрифт размера 1
    Шрифт размера 2
    Шрифт размера 3
    Шрифт размера 4
    Шрифт размера 5
    Шрифт размера 6
    Шрифт размера 7

     

    Color определяет цвет текста, который можно задавать с помощью названий цветов или в шестнадцатеричном формате.

    Пример 3. Изменение цвета текста
    <font size=5 color=red face=Arial>П</font>ервая буква этого предложения будет написана шрифтом Arial, красным цветом и увеличенной.

    Первая буква этого предложения будет написана шрифтом Arial, красным цветом и увеличенной.














    Создать бесплатный сайт с uCoz