Структура документа
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>