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

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

<HTML>

<HEAD>

Заголовок документа

</HEAD>

<BODY>

Содержательная часть документа

</BODY>

</HTML>

Внутри контейнера <HEAD> размещаются элементы <TITLE>, <META> и <BASE>.

Элемент <TITLE> содержит название документа, отображаемое обычно в строке заголовка окна браузера. Например,

<TITLE>Лабораторная работа №1</TITLE>

Обратите внимание, что вверху окна браузера появилось название документа «Лабораторная работа №1», это результат действия тега <TITLE>.

Роботы многих поисковых систем используют содержание контейнера <TITLE> для создания поискового образа документа.

Элемент <META> содержит управляющую информацию, которую браузер использует для правильного отображения и обработки содержания тела документа. Основной формат тега <META> таков:

Практика показывает, что можно указывать одновременно и атрибут name, и атрибут http-equiv с одинаковыми значениями. Это связано с тем, что одни роботы индексирования анализируют содержание META-элемента по атрибуту name, а другие – по атрибуту http-equiv.

В каждом теге <META> допускается использование только одной мета-записи, поэтому, когда нужно использовать несколько мета-записей, создают целый список из тегов <META>.

Мета-запись keywords используется для перечисления слов и выражений, максимально соответствующих теме страницы. Поисковые сервера анализируют эти слова, когда определяют, соответствует ли данная страница запросу. Значением параметра keywords обычно служит перечень ключевых слов данного документа. Например

Мета-запись description позволяет создать аннотацию страницы, которая отображается в качестве пояснения к ссылке на документ в отчете поисковой машины о выполненном запросе, например

Мета-записи author и copyright предназначены для защиты прав авторов страницы:

С помощью мета-записи content-type можно указать браузеру тип и кодировку Web-страницы, например

Разметка гипертекстовых ссылок обычно выполняется в частично заданных (относительных) адресах, когда URL задается относительно текущего местоположения документа. Такой стиль разметки удобен тем, что при переносе всего дерева документов в другое место не потребуется менять систему гипертекстовых ссылок внутри документов. По умолчанию в качестве базы выбирается каталог, в котором размещен HTML-документ. Если использование текущего каталога в качестве базы неудобно, можно с помощью тега <BASE> назначить URL, относительно которого будут определяться частичные адреса. Например,

Тело документа или содержимое Web-страницы ограничивается маркерами <BODY> и </BODY>. Оно может содержать:

– заголовки (Н1 – Н6);

– элементы на уровне текста;

– гипертекстовые ссылки;

– мультимедийные фрагменты.

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

– background определяет адрес URL, откуда будет браться фоновое изображение документа;

– bgproperties запрещает прокрутку фонового изображения вместе с содержимым документа, если установлено значение fixed;

– bgcolor определяет цвет фона для тела документа;

– text задает цвет отображаемого на экране текста и обычно используется при изменении фонового цвета атрибутами bgcolor и background;

– link устанавливает цвет отображения не выбранных пользователем гипертекстовых связей;

– alink задает цвет, которым будут выделяться в тексте гипертекстовые связки в тот момент, когда пользователь щелкает по ним клавишей мыши;

– vlink определяет цвет отображения уже проверенных пользователем гипертекстовых связей;

– leftmargin устанавливает ширину левого поля документа в пикселях;

– topmargin устанавливает размер верхнего поля документа в пикселях.

Например,

Текст на фоне рисунка, смещенный вправо на 100 пикселей

</BODY>

Цвета в языке HTML задаются по схеме RGB шестнадцатеричными числами (например, link=“#C0FFC0”) или одним из шестнадцати общепринятых названий для цвета. Первоначально эти цвета были выбраны в соответствии со стандартными цветами, которые использовала палитра VGA. Названия цветов и соответствующие значения RGB приведены в таблице цветов.