Стандартные логические стили
Для выбора размера шрифта можно использовать тэги так называемых логических стилей. Их всего шесть и обычно они используются для определения заголовков различного уровня. При переходе от первого стиля к шестому постепенно уменьшаются размер и толщина букв шрифта. Тэги логических стилей записываются как <Н1>, <Н2>,…, <Н6>.Каждый из них имеет соответствующий закрывающий тэг. Например, тэгу <Н1> соответствует закрывающий тэг </Н1>. Например, запись:
<H1>Заголовок 1-го уровня</H1>…задает вывод текста Заголовок 1-го уровня шрифтом, соответствующим первому логическому стилю.
Заметим, что логический стиль определяет стиль текста сообразно настройкам браузера. При этом текст со стилем <Н2> всегда будет "меньше", чем со стилем <Н1>, если, конечно, автор страницы не переопределил его по своему усмотрению. Дело в том, что вы имеете возможность переопределить установки по умолчанию. Для этого используются средства каскадных таблиц стилей (CSS).
Следующая программа демонстрирует использование тэгов логических стилей:
<HTML> <HEAD> <TITLE>Основные элементы HTML</TITLE></HEAD> <BODY> <H1>Заголовок 1-го уровня </H1> <H2>Заголовок 2-го уровня </H2> <H3>Заголовок 3-го уровня </H3> <H4>Заголовок 4-го уровня </H4> <H5>Заголовок 5-го уровня </H5> <H6>Заголовок 6-го уровня </H6> <H7>Заголовок 7-го уровня</H7></BODY> </HTML>Тэги заголовков <Н1>…<Н7>
Чем больше номер, тем мельче заголовок.
Рис. 648. Логические стили
Заголовки различных уровней
Заголовок уровня i (1=1.2,…, 7) задается тегом <Hi>.