Онлайн учебник по HTML и JAVASCRIPT

Элементы языков HTML и JAVASCRIPT

       

Стандартные логические стили размера шрифта в HTML документе

Для выбора размера шрифта в HTML документе можно использовать теги так называемых логических стилей. Их всего шесть и обычно они используются для определения заголовков различного уровня. При переходе от первого стиля к шестому постепенно уменьшаются размер и толщина букв шрифта. теги логических стилей записываются как <Н1>, <Н2>,..., <Н6>. Каждый из них имеет соответствующий закрывающий тег. Например, тегу <Н1> соответствует закрывающий тег </Н1>.

Например, запись <Н1>Заголовок 1-го уровня </Н1> задает вывод текста Заголовок 1-го уровня шрифтом, соответствующим первому логическому стилю.

Заметим, что логический стиль определяет стиль текста сообразно настройкам браузера. При этом текст со стилем <Н2> всегда будет «меньше», чем со стилем <Н1>, если, конечно, автор страницы не переопределил его по своему усмотрению. Дело в том, что вы имеете возможность переопределить установки по умолчанию. Для этого используются средства каскадных таблиц стилей (CSS).

Следующая программа демонстрирует использование тегов логических стилей:

<HTML>
    <HEAD> <TITLE> Основные элементы HTML </TITLE></HEAD>
  <BODY>
    <Н1>Заголовок 1-го уровня </Н1>
    <Н2>Заголовок 2-го уровня </Н2>
    <НЗ>Заголовок 3-го уровня </НЗ> уровня
    <Н4>3аголовок 4-го уровня </Н4>
    <Н5>3аголовок 5-го уровня </Н5>
    <Нб>Заголовок 6-го уровня </Н6>
    <Н7>Заголовок 7-го уровня </Н7>
   </BODY>
</HTML>

Стандартные логические стили размера шрифта в 
		HTML документе

Рис. 648. Теги заголовков <Н1>...<Н7>

Заголовок уровня n (n=1,2,..., 7) задается тегом <Hn>. Чем больше номер, тем мельче заголовок

 

 

 

Top.Mail.Ru
Top.Mail.Ru