Каждый HTML-документ, отвечающий спецификации HTML какой-либо версии, обязан начинаться со строки декларации версии HTML <!DOCTYPE>, которая обычно выглядит так: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//RU">
Эта строка поможет браузеру определить, как правильно интерпретировать данный документ. В данном случае мы говорим браузеру, что HTML соответствует международной спецификации версии 3.2.
После объявления версии и типа документа необходимо обозначить его начало и конец. Это делается с помощью тэга-контейнера <HTML>. Необходимо отметить, что любой HTML-документ открывается тэгом <HTML> и им же закрывается.
Схематически структура HTML-документа приведена ниже.
Из схемы видно, что документ состоит из двух основных блоков - "заголовка" и "тела документа". Заголовок определяется с помощью элемента HEAD, а тело - элементом BODY. Рассмотрим теги, задающие структуру и содержание HTML-документа.
<HTML>...</HTML>
Заключает в себя весь текст HTML-документа.
Блочный парный тег. Обязательных атрибутов не имеет.
<HEAD>...</HEAD>
Указывает на начало и конец заголовка документа.
Атрибуты <HEAD> :
lang="Код языка"
Блочный парный тег. Обязательных атрибутов не имеет.
<META>...</META>
Служит для размещения дополнительной информации о Web-странице: предоставление информации о документе, его авторе, дате создания, списки ключевых слов для поисковых машин и т.п.
Список ключевых слов документа, представленных через пробел или запятую. Эти слова нужны поисковым машинам для индексации вашей страницы в своем каталоге.
Пример :
<META NAME="keywords" CONTENT="HTML html JavaScript javascript css html CSS VBScript vbscriptVRML vrml php PHP Perl perl справочник язык программирования таги программирование"><META name="author" content="Информация_об_авторе">
Имя автора документа и его email, домашний адрес и другие координаты.
Позволяет осуществлять редирект через заданный промежуток времени на определенный адрес. (В данном случае браузер сразу после загрузки страницы осуществит переход на http://spravkaweb.ru)
Этот тэг задает тип содержимого (MIME) и его кодироку. В данном случае тип указывается как "text/html" - то есть гипертекст, кодировка (charset) - windows-1251. Вообще, указывать явно кодировку не рекомендуется. Броузеры и сами неплохо справляются с ее выбором.
Время "устаревания" документа. Указывается в формате RFC-850 (стандарт электронной почты).
Tue - день недели;
29 Apr - день месяца и месяц;
2001 - год;
10:00:00 - время. Часы:минуты:секунды;
GMT - время по Гринвичу. Тип временного пояса.
При истечении указанной даты документ будет удален из кэша и повторном обращении заново запрошен из сети. Это выполняется и броузером и прокси сервером. Обратите внимание - если дата указана как 0, то документ будет удален сразу же после загрузки, то есть он вообще не храниться в кэше. Если вы решили использовать этот параметр, то знайте, что могут возникнуть проблемы с индексированием в поисковых машинах, например, документ не будет проиндексирован вообще.
<BASE>...</BASE>
Задает базовый адрес, который может быть использован для формирования полной формы URL из неполной.
Задается в HTML-заголовке страницы (внутни тега <HEAD>) перед всеми гиперссылками.
Синтаксис:
<BASE href="Базовый адрес" id="Имя" target="Имя окна или фрейма|_blank|_parent|_search|_top">
Обязательный параметр: href, который задает интернет-адрес
Тогда гиперссылка вида <A HREF="/img/10.gif"> будет расширена до <A HREF="http://spravkaweb.ru/img/10.gif">
<BODY>...</BODY>
Задает начало и конец тела HTML-документа.
Блочный парный тег. Обязательных атрибутов не имеет.
Атрибуты тега <BODY>
bgcolor="Цвет" - определяет цвет фона документа
text="Цвет" - определяет цвет текста документа
link="Цвет" - определяет цвет выделенного элемента текста
vlink="Цвет" - определяет цвет ссылки на документ, который уже просмотрен
alink="Цвет" - определяет цвет ссылки в момент, когда на нее указывает курсор мыши
background="Интернет-адрес файла изображения" - дает изображение, служащее фоновым
bgproperties="fixed" - фоновое изображение не движется. Только для IE.
class="Стилевой класс"
id="Имя"
lang="Код языка"
style="Определение встроенного стиля"
<DIV>...</DIV>
Определяет отдельный элемент страницы: простой текстовой абзац или более сложный фрагмент с HTML-форматированием. Его содержимое может быть сколь угодно сложно. Зачастую используется для создания слоев и применения стилей.
Атрибуты <DIV> :
id="Имя" - название слоя
style="Определение встроенного стиля"
class="Стилевой класс"
align="left|center|right|justify";
Блочный парный тег. Обязательных атрибутов не имеет.
<LABEL>...</LABEL>
Связывает текстовое содержание с определенным элементом управления.
Атрибуты <LABEL>:
for="Имя элемента управления"
accesskey="Клавиша-ускоритель"
class="Стилевой класс"
contenteditable="inherit|true|false"
datafld="Имя поля таблицы базы данных"
dataformatas="text|html|localized-text"
datasrc="Имя объекта-источника данных"
dir="ltr|rtl"
DISABLED
HIDEFOCUS
id="Имя"
lang="Код языка"
language="JScript|javascript|vbs|vbscript|XML|Код языка скрипта"
style="Определение встроенного стиля"
tabindex="Порядковый номер в последовательности"
title="Текст подсказки"
Встроенный парный тег. Обязательных атрибутов - for, задающий имя элемента управления, к которому привязывается метка. Это имя должно быть задано атрибутом id.
Пример 1:
<LABLE FOR="Info">Send Information:</LABLE><Input type=Checkbox ID="Info">Send information
