В большинстве документов основными функциональными элементами являются заголовки и абзацы.
Язык HTML поддерживает шесть уровней заголовков. Они задаются при помощи парных тегов от <Н1> до <Н6>. При отображении Web-документов на экране компьютера эти элементы отличаются размером шрифта, и расположением относительно последующего текста. Параметры каждого уровня заголовков описаны в таблице 1.
Таблица 1 – Параметры уровней заголовков
|
Уровень абзаца |
Параметры |
|
H1 |
Толстый, очень крупный шрифт, текст центрирован. Между заголовком и последующим текстом вставляется одна или две пустых строки. При выводе на принтер заголовок печатается на новой странице. |
|
H2 |
Толстый крупный шрифт. Без отступа. До и после заголовка помещаются одна или две пустых строки. |
|
H3 |
Крупный шрифт. До и после заголовка помещаются одна или две пустые строки. С небольшим отступом. |
|
H4 |
Толстый нормальный шрифт. До и после заголовка помещается пустая строка. |
|
H5 |
Нормальный шрифт. Пустая строка ставится перед заголовком, но не после. |
|
H6 |
Толстый шрифт. Перед заголовком ставится пустая строка. |
На Web-странице абзацы разных уровней выглядят так, как показано на рисунке 2.
Рисунок 2 – Шесть уровней абзацев, отображенных на странице
HTML-код такой страницы выглядит следующим образом:
<HTML>
<HEAD>
<TITLE>Уровни абзацев</TITLE></HEAD>
<BODY>
<H1>Первый уровень абзацев</H1>
<H2>Второй уровень абзацев</H2>
<H3>Третий уровень абзацев</H3>
<H4>Четвертый уровень абзацев</H4>
<H5>Пятый уровень абзацев</H5>
<H6>Шестой уровень абзацев</H6>
</BODY>
</HTML>
Каждый абзац страницы задается парным тегом <Р>. Язык HTML не содержит средств для создания «красной строки», поэтому при отображении на экране абзацы разделяются пустой строкой. Закрывающийся тег </Р> является необязательным. Например, если часть HTML-кода записана так:
<Н1>Заголовок</Н1>
<Р>Первый абзац<Р>Второй абзац
<Н2>Заголовок второго уровня</Н2>,
то на Web-странице она отобразится так, как показано на рисунке 3.
Рисунок 3 – Страница с заголовками двух уровней и двумя абзацами, расположенными между ними
В отличие от текстового редактора ввод символа Enter не является признаком конца абзаца. Язык HTML рассматривает символы конца строки и пробелы особым образом. Любая последовательность, состоящая только из пробелов и символов конца строки, при отображении рассматривается как одиночный пробел. Enter не осуществляет также и переход на новую строку. Для того, чтобы перейти на новую строку, используют тег <BR>.
В качестве разделителя абзацев используется также текстовая линейка. Она задается непарным тегом <HR>. К этому тегу можно применять атрибуты:
ALIGN – для выравнивания линейки по центру (значение center), по правому краю страницы (значение right) и по левому краю страницы (значение left),
SIZE – высота линейки в пикселах,
WIDTH – ширина в процентах относительно ширины экрана,
COLOR – цвет линии
Например,
<HR ALIGN=”RIGHT” SIZE=”10” WIDTH=”50%”>
Этот тег создает горизонтальную линейку шириной в 10 пикселов, занимающую половину экрана и расположенную справа.