Изменение гарнитуры, размера и цвета шрифта
Управление отображением произвольного фрагмента текста (части абзаца, целого абзаца, или нескольких абзацев производится с помощью контейнера <FONT>...</FONT> и ряда его параметров:
параметр FACE в качестве значения параметра указывается название шрифта, например: <FONT FACE="Courier New">...</FONT>. Можно записать через запятую несколько названий шрифтов на случай, если у пользователя не установлен какой то из них.
параметр SIZE значение параметра определяет размер шрифта <FONT SIZE=...>, где вместо многоточия записывается цифра, указывающая размер шрифта в неких абсолютных единицах от 1 до 7, которые не связаны с величинами «пункт» и «кегль». Значение параметра может предваряться знаками «+» или «-», указывающими, что требуется увеличить или уменьшить величину шрифта на заданное количество условных единиц относительно текущего размера, например, <FONT SIZE=-2>...</FONT>
параметр COLOR значением параметра является словесное описание цвета, например, <FONT COLOR="green">, либо цифровой код цвета, например, <FONT COLOR=#FCE7942> (смотри Таблицу цветов). Более подробно о кодировании цветов изложено в Уроке 8.

Пример 4. Изменение гарнитуры, размера и цвета шрифта
Пример HTML кода
<FONT FACE="" SIZE= COLOR=" " > Уменьшение или увеличение размера шрифта определяется значением параметра SIZE</FONT>
Отображение в браузере

Управление начертанием шрифта
Для отдельных слов или фрагментов текста произвольной длины можно задать разные начертания шрифта, поместив нужные части текста в следующие контейнеры:
<B>...</B> полужирное начертание
<I>...</I> курсив
<U>...</U> подчёркнутый текст
<S>...</S> зачёркнутый текст
<SUB>...</SUB> нижний индекс
<SUP>...</SUP> верхний индекс
Внимание: При вложении одного контейнера в другой действия тэгов, не противоречащих друг другу, на текст внутреннего контейнера суммируются (пример 5).


Пример 5. Управление начертанием шрифта
Пример HTML кода
< > <> </> </>
Отображение в браузере
  1. Выполните Тест 3
  2. Откройте в Блокноте файл 2.html
  3. Используя Таблицу цветов задайте цвет заголовка и цвет текста разными оттенками одного цвета
  4. Установите размер шрифта текста на 2 единицы меньше шрифта заголовка
  5. Выполните выделение:
    • названия стран жирным курсивом
    • типы авианосцев подчёркиванием
  6. Измените заголовок страницы: Задание 3
  7. Сохраните страницу в рабочей папке с именем 3.html


© Смирнов Е.А. 2004 г.