Для того чтобы понять структуру Web-страницы, нам необходимо подробно рассмотреть все элементы, входящие в приведенный листинг.
Пример 1
<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
Изменение свойств фона (например, фиксирование фонового рисунка)
Определение размера отступа от верхнего, нижнего, левого и правого краев документа. Значение задается в пикселях
marginwidth=”10”, marginheight=”10”
Netscape объединяет упомянутые параметры в две группы: горизонтальные и вертикальные отступы. Для учета особенностей всех браузеров, надо поставить и те и другие параметры
