Структура документа HTML

Управляющие конструкции языка HTML называются тегами и вставляются непосредственно в текст документа. Все теги заключаются в угловые скобки <...>. Сразу после открывающей скобки помещается ключевое слово, определяющее тег, например <BODY>. Теги HTML бывают парными и непарными. Непарные теги оказывают воздействие на весь документ или определяют разовый эффект в месте своего появления. При использовании парных тегов в документ добавляются открывающий и закрывающий теги, которые воздействуют на часть документа, заключенную между ними. Закрывающий тег отличается от открывающего наличием символа «/» (косая черта) перед ключевым словом (</BODY>). Определение HTML как языка разметки основывается на том, что при удалении из документа всех тегов получается текстовый документ, совершенно эквивалентный по содержанию исходному гипертекстовому документу. Таким образом, при отображении документа HTML сами теги не отображаются, но влияют на способ отображения остальной части документа.

Все документы HTML имеют одну и ту же структуру, определяемую фиксированным набором тегов структуры. Документ HTML всегда должен начинаться с тега <HTML> и заканчиваться закрывающим тегом </HTML>. Внутри документа выделяются два основных раздела: раздел заголовков и тело документа. Раздел заголовков содержит информацию, описывающую документ в целом, и ограничивается тегами <HEAD> и </HEAD>. В частности, раздел заголовков должен содержать общий заголовок документа, ограниченный парным тегом <TITLE>. Основное содержание размещается в теле документа, которое ограничивается парным тегом <BODY>.

Для парных тегов область влияния определяется частью документа между открывающим и закрывающим тегом. Такую часть документа рассматривают как элемент языка HTML. Так, можно говорить об «элементе BODY», включающем тег <BODY>, основное содержание документа и закрывающий тег </BODY>. Для непарных тегов элемент совпадает с тегом, который его определяет.

Элементы языка HTML, отражающие основное содержание документа, помещаются между тегами <BODY> и </BODY>, то есть, внутрь структурного элемента BODY. Такие элементы делят на блочные и текстовые. Блочные элементы относятся к частям текста уровня абзаца. Текстовые элементы описывают свойства отдельных фраз и еще более мелких частей текста.

В большинстве документов основными функциональными блочными элементами являются заголовки и абзацы. Заголовки задаются при помощи парных тегов от <H1> до <H6>, а абзацы – с помощью парного тега <P>. На экране компьютера абзацы разделяются пустой строкой. Закрывающий тег </P> рассматривается как необязательный. Подразумевается, что он стоит перед тегом, который задает начало очередного абзаца документа. Например:

<H1>Заголовок</H1>

<P>Первый абзац<P>Второй абзац

<H2>Заголовок второго уровня</H2>

Следствием наличия специального тега, определяющего абзац, является тот факт, что обычного символа конца сроки, вводимого по нажатию клавиши ENTER, для создания абзацного отступа недостаточно. Любая последовательность, состоящая только из пробелов и символов конца сроки, при отображении документа рассматривается как одиночный пробел. Это, в частности, означает, что символ конца строки даже не осуществляет перехода на новую строку (для этой цели используется текстовый элемент, задаваемый непарным тегом <BR>)

В качестве ограничения абзацев может также использоваться горизонтальная линейка. Этот элемент задается непарным тегом <HR>. При отображении документа на экране линейка разделяет части текста друг от друга. Её длина и толщина задаются атрибутами тега <HR>. Например, тег <HR ALIGN="RIGHT" SIZE="10" WIDTH="50%"> создает горизонтальную линейку шириной в 10 пикселов, занимающую половину ширины окна и расположенную справа (рис. 1).

Рис. 1