HighStar


Цвет текста

А можно ли сделать текст цветным? Да ради бога! Для этого существует атрибут <color>. Вот с этим колером мы сейчас и поработаем. Вообще, цвета можно задавать двумя разными способами. Первый - можно использовать словесное обозначение цвета: blue, black, yellow, green, white и т.д. А можно - и их цифровое обозначение, только не забывайте перед цифровым эквивалентом ставить "решетку" - "#"! Так, цвет blue (голубой) имеет свое числовое значение #0000ff, цвет red (красный) - значение #FF0000 и так далее. То есть если мы напишем:

<FONT color="red">Красный цвет текста</FONT>

или

<FONT color="#ff0000">И тут красный!!!</FONT>

Обе эти записи идентичны. Приведу значения некоторых цветов:

Таблица цветов

Название цветаColorКодЦвет
aкваAqua#00FFFF 
Черныйblack#000000 
Синийblue#0000FF 
Фуксияfuchsia#FF00FF 
Серыйgray#808080 
Зеленыйgreen#008000 
Известьlime#00FF00 
Темно-бордовыйmaroon#800000 
Темно-синийnavy#000080 
Оливковыйolive#808000 
фиолетовыйpurple#800080 
Красныйred#FF0000 
Серебряныйsilver#C0C0C0 
Чирокteal#008080 
Белыйwhite#FFFFFF 
желтыйyellow#FFFF00 

Ну а теперь от слов к практике?

Возьмем то же самое стихотворение, и поставим перед собой задачу:

  1. Заголовок напишем шрифтом Comic Sans MS, дадим крупный размер в 7 пунктов, разместим по центру и зальем красным цветом.
  2. Каждый куплет стихотворения раскрасим в свой цвет: первый - в синий, второй - в зеленый, ну а третий - в желтый. Причем, цвет первого куплета дадим в простом названии blue, второй и третий - в числовом эквиваленте зеленого и желтого цветов.
  3. Первый куплет напишем шрифтом Impact
  4. Размер второго куплета дадим размером в абсолютном размере 4 пункта
  5. Размер третьего куплета дадим в относительном размере +1 пункт
  6. Ну и автора задвинем в тег ADDRESS

Задача ясна? Ну тогда поехали! Открываем наш незаменимый шаблон shablon.html и вставляем туда то, что нам надо:

Листинг 10. Стихотворение

<HTML>
  <HEAD>
<TITLE></TITLE>
  </HEAD>
  <BODY>
    <FONT color=red face="Comic Sans MS" size=7>
      <CENTER>
СТИХОТВОРЕНИЕ</CENTER>
    </font>

    <FONT color=blue>

      Это не сложно <BR>
      Это не важно <BR>
      Просто отважно <BR>
      В небо шагнуть <BR>
    </FONT>

    <FONT color="#008000" size=4>

      И осторожно <BR>
      Там, где возможно <BR>
      Темного облака <BR>
      Край отогнуть. <BR>
    </FONT> <BR>

    <FONT color="#ffff00" size=+2>

      Стертые лица, <BR>
      Забытые профили <BR>
      И многоточий упрямая нить. <BR>
      Свет разливается <BR>
      И проявляется <BR>
      То, что уже никогда не забыть. <BR>
    </FONT>

    <ADDRESS>
Ирина Лео</ADDRESS>

  </BODY>
</HTML>

Сохраним наш файл под именем "text4.html" и затем откроем этот файл в окне браузера:

Цветное стихотворение
Вот они, цвета радуги!

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

Вот и подошел к концу наш очередной урок. Он был не таким уж и легким, согласитесь! Но зато мы теперь знаем самое необходимое, чтобы красиво оформить любой текст.

А в следующем уроке мы научимся работать с фоном. И это будет последнее, что необходимо для нашей первой странички.

Тренировка!

Введите в форму любой текст, необходимые теги, нажмите на "посмотреть" и любуйтесь на свою работу!