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

HTML - Справочник

Каждый HTML-документ, отвечающий спецификации HTML какой-либо версии, должен начинаться со строки декларации версии HTML <!DOCTYPE>, которая обычно выглядит так:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//RU">

Эта строка поможет браузеру определить, как правильно интерпретировать данный документ.
На самом деле одной строкой дело не обходится. После объявления версии и типа документа необходимо обозначить его начало и конец. Это делается с помощью тэга-контейнера <HTML>. Затем, между тэгами <HTML> и </HTML> следует разместить заголовок и тело документа. Вот как должен выглядеть базовый HTML-файл перед началом работы:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2  Final//RU">
<HTML>
<HEAD>
<TITLE>Заголовок документа</TITLE>
</HEAD>
<BODY>
Текст документа
</BODY>
</HTML>

Заголовок определяется с помощью элемента HEAD. Он содержит "техническую" информацию о документе, хотя чаще всего используется только для обозначения его названия (TITLE).

Элементы, относящиеся к заголовку документа:

HEAD	Определяет начало и конец заголовка документа
TITLE	Определяет имя всего документа, которое отображается в заголовке окна браузера
BASE	Определяет базовый адрес, от которого отсчитываются относительные линки внутри документа
STYLE	Используется для вставки в документ таблицы стилей CSS
LINK	Описывает взаимосвязь документа с другими объектами
META	Используется для вставки метаданных

Тело документа задается элементом BODY. Именно в нем находится все то, что отображается на странице: текст, картинки, таблицы. Элемент BODY должен встречаться в документе не более одного раза.

Параметры BODY:

MARGINHEIGHT - определяет ширину (в пикселах) верхнего и нижнего полей документа. Работает только в браузерах Netscape.

TOPMARGIN - определяет ширину (в пикселах) верхнего и нижнего полей документа. Работает только в браузерах Internet Explorer.

MARGINWIDTH - определяет ширину (в пикселах) левого и правого полей документа. Работает только в браузерах Netscape.

LEFTMARGIN - определяет ширину (в пикселах) левого и правого полей документа. Работает только в браузерах Internet Explorer.

BACKGROUND - определяет изображение для "заливки" фона. Значение задается в виде полного URL или имени файла с картинкой в формате gif или jpg.

BGCOLOR - определяет цвет фона документа.

TEXT - определяет цвет текста в документе.

LINK - определяет цвет гиперссылок в документе.

ALINK - определяет цвет подсветки гиперссылок в момент нажатия.

VLINK - определяет цвет гиперссылок на документы, которые вы уже просмотрели.

Значения параметров BGCOLOR, TEXT, LINK, ALINK и VLINK задаются либо RGB-значением в шестнадцатиричной системе, либо одним из базовых цветов.

Пример:

<HTML>
<BODY BACKGROUND="images/bricks.jpg" BGCOLOR="#202020"
 TEXT="#FFFFFF" LINK="#FF0000" VLINK="#505050"
 MARGINHEIGHT="30" TOPMARGIN="30" LEFTMARGIN="40" MARGINWIDTH="40">
...
Текст документа.
...
</BODY>
</HTML>

Веб-дизайн для начинающих

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