Создание и
раскрутка
сайта -
начинающим!
 




Язык гипертекстовой разметки
HTML

   Урок 6

Тема: цвет фона и текста, шрифты.

Цвет фона определяется значением атрибута BGCOLOR - шестнадцатиричным числом вида #hhhhhh, где первая пара символов является значением насыщенности для красного цвета, вторая - для зеленого, и третья пара - для синего цвета. #00 - минимальная насыщенность, #FF - максимальная насыщенность цвета. Можно использовать текстовое определение цвета: BLUE, RED, FUCHSIA и т.п - одно из шестнадцати допустимых значений.

  BLACK#000000   GREEN#008000
  SILVER#C0C0C0   LIME#00FF00
  GRAY#808080   OLIVE#808000
  WHITE#FFFFFF   YELLOW#FFFF00
  MAROON#800000   NAVY#000080
  RED#FF0000   BLUE#0000FF
  PURPLE#800080   TEAL#008080
  FUCHSIA#FF00FF   AQUA#00FFFF

Например, чтобы сделать цвет фона страницы фиолетовым, можно написать

<BODY BGCOLOR="#FF00FF">, а можно и так:
<BODY BGCOLOR="PURPLE">.

Строго говоря, текстовых значений цвета значительно больше (SCARLET, VIOLET, BROWN и т.д. и т.п.), но не все браузеры их "знают". Применимы также значения LIGHTGREEN (светлозеленый), LIGHTYELLOW (светложелтый) и LIGHTBLUE (светлосиний).

Фоном может служить и какое-то изображение. При этом заданная область заполняется множественными копиями этого изображения (как кафельной плиткой). Для этого используется атрибут BACKGROUND с указанием пути к рисунку. Например

<BODY BACKGROUND="graph/picture.gif">

Аттрибуты BGCOLOR и BACKGROUND могут находиться внутри метки <BODY>, тогда цвет фона устанавливается для всей страницы, либо в метках <TABLE>, <TR> и <TD> - устанавливается цвет фона во всей таблице, ее строке и ее ячейке соответсвенно (таблицы - тема следующего урока).

Для изменения цвета и размера шрифта используется метка <FONT></FONT>. Ее атрибуты:

  • COLOR="#hhhhhh" - цвет текста;
  • SIZE="n" - размер шрифта;
  • FACE="имя_шрифта" - смена шрифта, где имя_шрифта может быть arial, verdana, helvetica, sans-serif и другие.

Пример использования метки <FONT>:

<FONT SIZE="5" COLOR="RED" FACE="SANS-SERIF">Крупный шрифт красного цвета без засечек</FONT>

В окне браузера увидите Крупный шрифт красного цвета без засечек

Для размещения текста в верхнем или нижнем регистре используются соответственно метки <SUP>..</SUP> (superscript) и <SUB>..</SUB> (subscript). Пример их использования:

в тексте: в окне браузера:
E=mc<SUP>2</SUP> E=mc2
2<SUP>x+2</SUP>=64 2x+2=64
H<SUB>2</SUB>O H2O

Тэг BODY может содержать атрибут TEXT, который определяет цвет шрифта для всей страницы. Значение атрибута - шестнадцатиричное значение цвета или текстовое. <BODY TEXT="NAVY"> устанавливает цвет шрифта на странице темно-синим.

Также в тэге BODY можно определить каким цветом на вашей странице будут выделяться ссылки. Это атрибуты:

  • LINK="#hhhhhh" - определяет цвет ссылки, по умолчанию голубой;
  • ALINK="#hhhhhh" - определяет цвет ссылки на документ, просмотренный ранее, по умолчанию фиолетовый;
  • VLINK="#hhhhhh" - опрделяет цвет активизированной ссылки, т.е. когда на нее наведен курсор и нажата кнопка мыши, по умолчанию красный.