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

 

Для того чтобы понять структуру Web-страницы, нам необходимо подробно рассмотреть все элементы, входящие в приведенный листинг.

 

Пример.

< COMMENT> Комментарий к документу < /comment>

< html>
< head>
< title> моя первая страница < /title>
< META NAME=" Author" CONTENT=" Ivanov Ivan " >

< META NAME=" Keywords" CONTENT=" Животные, природа, фауна" >

< /head>
< body>
Здравствуйте, это моя первая страница.

<! --< PRE> Комментарий < /pre> -->

< br>
Добро пожаловать!:)
< /body>
< /html>

 

< COMMENT> < /comment>

Текст комментария. В любом языке программирования есть конструкции, позволяющие создавать произвольные ремарки. HTML в этом смысле — не исключение. Текст, помещенный внутри COMMENT, игнорируется браузером. COMMENT может располагаться в любом месте кода Web-страницы. Комментарий должен быть отделен от основного текста.

Существует, правда, одно ограничение: внутри комментария не должны располагаться другие элементы. Так должно быть, разумеется, только в том случае, когда необходимо, чтобы все содержимое элемента COMMENT не отображалось на экране монитора. Если в комментарии будет присутствовать другой элемент, то его содержимое будет выведено на экран, отформатированное соответствующим образом.

Существует еще один способ обозначения комментария. Он заключается в использовании восклицательного знака и обрамлении текста комментария двойными тире. Например:

<! -- Строка комментария -->

<! -- Комментарий -- Не комментарий -- Снова комментарий -->

< HTML> < /html>

Отличительный признак HTML-документа. Одним из принципов языка является многоуровневое вложение элементов. HTML является самым внешним, так как между его стартовым и конечным тегами должна находиться вся Web-страница. В принципе, этот элемент можно рассматривать как формальность. Он имеет атрибуты version, lang и dir, которыми в данном случае мало кто пользуется, и допускает вложение элементов HEAD, BODY и PLAINTEXT, определяющих общую структуру Web-страницы. Естественно, что конечным тегом < /html> заканчиваются все гипертекстовые документы.

< HEAD> < /head>

Информация о документе, которая не выводится на экран, называется заголовком. Так же как и HTML, HEAD служит только для формирования общей структуры документа. Этот элемент может иметь атрибуты lang и dir и допускает вложение элементов TITLE, ISINDEX, BASE, МЕТА, LINK, NEXTID.

< TITLE> < /title>

Элемент для размещения заголовка Web-страницы. Строка текста, расположенная внутри, отображается не в документе, а в заголовке окна браузера. Эта особенность часто используется для организации поиска в WWW. Поэтому авторы, создающие Web-страницы, должны позаботиться о том, чтобы строка внутри TITLE, не будучи слишком длинной (не более 64 символов), достаточно точно отражала назначение документа.

< МЕТА>

Этот элемент содержит служебную информацию, которая не отображается при просмотре Web-страницы. Внутри него нет текста в обычном понимании, поэтому нет и конечного тега. Каждый элемент МЕТА содержит два основных атрибута, первый из которых определяет тип данных, а второй — содержание. Далее приведены несколько примеров meta-данных.

Дата, обозначающая «срок годности» документа:	name =" Expires" content = " Дата "
Адрес электронной почты:	name =" Reply-to" content =" Имя@Адрес "
Имя автора Web-страницы:	name =" Author" content = " Имя автора"
Набор ключевых слов для поиска:	name =" Keywords" content =" Слово1, слово2,..."
Краткое описание содержания Web-страницы:	name =" Description" content =" Содержание страницы"
Описание типа и характеристик Web-страницы:	name =" Content-Type" content =" Описание страницы"
Указание приложения, в котором была создана Web-страница:	name =" Generator" content = " Название HTML-редактора"

Атрибут name используется приложением-клиентом для получения дополнительной информации о Web-страницах и их упорядочения. Этот атрибут часто заменяют атрибутом http-equiv. Он используется сервером для создания дополнительных полей при выполнении запроса.

Кроме этого, элемент МЕТА может содержать URL. Шаблон соответствующего атрибута таков:

URL = " http: // адрес"

< BODY> < /body>

Этот элемент заключает в себе гипертекст, который определяет собственно Web-страницу. Эта та часть документа, которую разрабатывает автор страницы и которая отображается браузером. Соответственно, конечный тег этого элемента надо искать в конце HTML-файла. Внутри BODY можно использовать все элементы, предназначенные для дизайна Web-страницы. Внутри стартового тега элемента BODY можно расположить ряд атрибутов, обеспечивающих установки для всей страницы в целом.

Это могут быть атрибуты, задающие:

· цвет фона Web-страницы;

· " обои" или рисунок фона страницы;

· цвет текста на всей странице;

· цвет гиперссылок (активных, выбранных, посещенных).

Параметр	Функция
bgcolor = " #RRGGBB"	Определение цвета фона. Цвет фона задается тремя двухразрядными шестнадцатеричными числами, которые определяют интенсивность красного, зеленого и синего цветов соответственно. Более подробно об определении цветов будет рассказано ниже.
background =" Путь к файлу фона"	Указание фонового рисунка. Оба вышеприведенных атрибута не являются альтернативными и часто используются совместно.
text = " #RRGGBB"	Определение цвета основного текста.
link = " #RRGGBB"	Определение цвета текста гиперссылок.
vlink = " #RRGGBB"	Определение цвета для использованных гиперссылок.
alink = " #RRGGBB"	Определение цвета для последней выбранной пользователем гиперссылки.
bgproperties	Изменение свойств фона (например, фиксирование фонового рисунка)
topmargin=”10”, bottommargin=”10”, leftmargin, rightmargin	Определение размера отступа от верхнего, нижнего, левого и правого краев документа. Значение задается в пикселях
marginwidth=”10”, marginheight=”10”	Netscape объединяет упомянутые параметры в две группы: горизонтальные и вертикальные отступы. Для учета особенностей всех браузеров, надо поставить и те и другие параметры