Изменение шрифта

Тэг изменения шрифта называется <font>. Этот тэг контейнерный.

Пример. Тэг <font face="Arial" color="red" size="5"> задаёт шрифт Arial красного цвета увеличенного размера.

Размер шрифта задаётся в некоторых условных единицах от 1 до 7. Соответствие между ними и размером шрифта в пунктах представлено в табл. 2.1.

Таблица 2.1

Размер в у.е.
Размер в пт

По умолчанию размер обычного текста равен трём – это соответствует шрифту в 12 пунктов. Размеры заголовков с <h1> по <h6> равны соответственно с 6 по 1.

Цвет в HTML-документе может быть задан названием или шестнадцатеричным значением. Список названий цветов в HTML приведён, например, в [5, с. 650 – 655]. Шестнадцатеричные обозначения цвета начинаются со знака решётки (#) и состоят из шести цифр, из которых первые две соответствуют красной составляющей цвета, следующие две – зелёной и последние две – синей. Так, тэг в примере выше может быть записан в виде:

<font face="Arial" color="#FF0000" size="5">

Здесь для красной составляющей задано максимальное значение 255 (шестнадцатеричное FF), для синей и зелёной – нулевое, что даёт ярко-красный цвет. Для тёмно-красного цвета можно задать значение красной составляющей в половину от максимального (#800000), для светло-красного – максимальное значение красной и половинные значения зелёной и синей составляющих (#FF8080).

Другие тэги изменения шрифта перечислены в табл. 2.2.

Таблица 2.2

Тэг	Назначение	Пример
HTML-код	Отображение в браузере
<b>	Жирный шрифт	Это <b>жирный</b> шрифт	Это жирный шрифт
<i>	Курсивный шрифт	А это <i>курсив</i>	А это курсив
<u>	Подчёркивание	Этот текст <u> подчёркнут </u>	Этот текст подчёркнут
<s>	зачёркивание	Этот текст <s> зачёркнут </s>	Этот текст зачёркнут
<sup>	верхний индекс	10<sup>15</sup> м<sup>3</sup>	10^15 м^3
<sub>	нижний индекс	H<sub>2</sub>SO <sub>4</sub>	H2SO4

Подчёркивать текст вне гиперссылок нежелательно, так как это может ввести в заблуждение пользователя. Поскольку гиперссылки по умолчанию подчёркнуты, многие пользователи привыкли к тому, что щелчок мышью по подчёркнутому тексту приводит к переходу на другую страницу.

Вообще использование тэгов физического выделения <b>, <i>, <u>, <font> рекомендуется свести к минимуму, поскольку язык HTML изначально разрабатывался для логической разметки структуры документа. Для шрифтового оформления веб-страницы предпочтительнее использовать каскадные таблицы стилей (см. п. 2.5). В отличие от них, верхние и нижние индексы уместно считать тэгами логического, а не физического выделения, так как их использование меняет смысл написанного, а не только его оформление. Например, 10¹⁵ и 1015 – разные числа.

Дата добавления: 2015-07-26