Изменение гарнитуры, размера и цвета шрифта |
Управление отображением произвольного фрагмента текста
(части абзаца, целого абзаца, или нескольких абзацев производится с помощью контейнера <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.
|
Управление начертанием шрифта |
Для отдельных слов или фрагментов текста произвольной длины можно задать разные начертания шрифта, поместив нужные части текста в следующие контейнеры: |
<B>...</B> |
полужирное начертание
|
<I>...</I> |
курсив
|
<U>...</U> |
подчёркнутый текст
|
<S>...</S> |
зачёркнутый текст
|
<SUB>...</SUB> |
нижний индекс
|
<SUP>...</SUP> |
верхний индекс
|
Внимание: При вложении одного контейнера в другой действия тэгов, не противоречащих друг другу, на текст внутреннего контейнера суммируются (пример 5).
|
- Выполните Тест 3
- Откройте в Блокноте файл 2.html
- Используя Таблицу цветов задайте цвет заголовка и цвет текста разными оттенками одного цвета
- Установите размер шрифта текста на 2 единицы меньше шрифта заголовка
- Выполните выделение:
- названия стран жирным курсивом
- типы авианосцев подчёркиванием
- Измените заголовок страницы: Задание 3
- Сохраните страницу в рабочей папке с именем 3.html
|