Урок второй

Добавим цвета

   Давайте поговорим о цветах. Язык HTML понимает 2 вида цветовых переменных: HEX и Color. Color- это ввод цвета словом, как в английском языке (red - красный, blue - синий и т.д.). А очень интересно устроены HEX-значения. Давайте посмотрим на эту таблицу:
  

#110000 #330000 #550000 #990000 #ff0000
#001100 #003300 #005500 #009900 #00ff00
#000011 #000033 #000055 #000099 #0000ff

   В HEX палитре числа представлены парами. Т.е. можно присмотревшись заметить то, что первая пара влияет на красный цвет, вторая пара чисел влияет на зеленый цвет, и третья пара - на синий (#RRGGBB).
А сейчас я представлю вам палитру текстовых цветов:

red cyan lime pink fuchsia
green gray maroon navy olive
blue purple silver teal yellow

   Например, #00CCFF расшифровывается так: 00 частей красного, СС частей зеленого, FF частей голубого. Каждый из знаков может быть от 0 до 9, или буквы от А до F. Таким образом, вы можете синтезировать любой цвет

    Итак, займемся раскрашиванием страницы. Записывайте исходный код первого урока. Добавьте в тег <BODY> следующий параметр тега bgcolor="#00CCFF", чтобы в итоге получилось :

<body bgcolor="#00CCFF">

   Сохраните вашу страницу (Файл->Сохранить) и откройте вашу страницу (или нажмите обновить, если вы не закрывали страницу).
Должно получиться ТАК .

   Для того чтобы изменить цвет текста на всей странице, или иными словами назначить цвет текста по умолчанию, надо в тег <body> добавить еще один параметр. Добавьте text="#FFFF00"

 итого у нас тег <body> будет такой :

<body bgcolor="#00CCFF" text="#FFFF00">

Сохраните файл и посмотрите что получилось. Должно получиться ТАК.

Если вы хотите в произвольном месте текста использовать цвет, отличный от цвета по умолчанию, то надо заключить нужный вам текст между тегами <font> и </font> и указать в теге требуемый цвет.

Добавьте на страницу следующее

<br><font color="#0000FF">Я освою Web дизайн и создам свой сайт! </font>

Код вашей странице теперь будет такой :

   Тег <br> служит для принудительного переноса текста на следующую строку.

   Сохраните вашу страницу (Файл->Сохранить) и откройте вашу страницу (или нажмите обновить, если вы не закрывали страницу).

А выглядеть это будет вот ТАК.

Следующий урок смотрите ЗДЕСЬ.

©Смирнов В.И.  2008
Hosted by uCoz