Учебник по HTML программированию

Итак в прошлой главе мы сделали самый простой документ, и теперь нам надо его "усложнить" с помощью заголовка и тела документа. Сделать это можно с помощью следующей схемы строения html-документа:

<head>

- это ремарки, на которые браузер не обращает внимания, зато нам удобнее - этими метки придуманы для удобства, они помогают нам разобраться в нашем документе, представьте, что документ состоит не из 5 строчек, а из множества...

Теперь возьмите и скопируйте красный текст к себе в Блокнот (ремарки можете не писать), и вы получите шаблон, по которому будет строиться любой html-документ.

Итак, приступим непосредственно к описанию, заголовку документа, т.е. тэга <head>.

Тэги <head> и </head> указывают на начало и конец заголовка документа.

Между ними можно написать еще несколько тэгов:

TITLE - определяет имя документа, которое будет отображаться в заголовке окна вашего браузера. Данный элемент обязателен и может быть указан один раз.

BASE - элемент не имеет конечного тэга. В нем можно указать следующие параметры: href - определяет базовый адрес (URL) документа, target - если вы используете фреймы, то указывает имя фрейма на который будут ссылаться все ссылки документа, полезен, если вы хотите открывать ссылки в новом окне.

STYLE - используется для создания "стиля" документа. Параметры: type - обязательный параметр. Определяет MIME-тип вставляемого блока стилей. Обычное значение этого параметра "text/css", title - определяет имя создаваемой таблицы стилей. Очень помогает при использовании нескольких элементов style в одном документе.

LINK - этот элемент показывает взаимосвязь данного документа со всеми документами на сайте. Параметры: href - определяет URL объекта; type - определяет MIME-тип объекта, указанного в параметре href; rel - определяет тип взаимосвязи с документом, указанном в параметре href, может принимать значения: stylesheet - указывает на то, что файл, указанный в параметре href содержит таблицу стилей (CSS), home - указывает на главную страницу вашего сайта, contents - указывает на файл, содержащий оглавление данного документа, index - указывает на файл, содержащий информацию для индексного поиска по текущему документу, glossary - указывает на файл, содержащий перечень терминов, относящихся к текущему документу, copyright - указывает на страницу сайта, в которой говорится о его создателях, авторских правах и т.п., up/parent - указывает на "родительскую" страницу (документ, стоящий на ступеньку выше в иерархической структуре вашего сайта), child - указывает на "дочернюю" страницу (документ, стоящий на ступеньку ниже в иерархической структуре вашего сайта), next - указывает на следующую страницу в последовательности документов (напр. следующую страницу электронного каталога, документации или словаря), previous - указывает на предыдущую страницу в последовательности документов, last/end - указывает на последнюю страницу в последовательности документов, first - указывает на первую страницу в последовательности документов, help - указывает на страницу с подсказкой (напр. по навигации по вашему сайту).

META - данный элемент используется для техописания документа, которое представляет собой метаданные в виде пары "имя-значение". С помощью этого элемента в заголовок документа внедряется дополнительная полезная информация, невидимая для пользователя, но порой просто незаменимая для правильной индексации вашей страницы роботами поисковых серверов. Элемент не имеет конечного тэга. Параметры: name - определяет имя мета-записи. Существует множество предопределенных имен, некоторые из которых вы можете увидеть в указанном ниже примере, http-equiv - определяет имя мета-записи. Практически аналогичен параметру NAME, но используется лишь в случае необходимости передачи дополнительной информации в HTTP-заголовке, content - присваивает значение мета-записи, определенной в параметре NAME (или HTTP-EQUIV).

Итак, мы узнали обо всех элементах, которые указываются в заголовке документа, давайте посмотрим на них в действии:

<STYLE TYPE="text/css" TITLE="Cool table">
       
</STYLE>

<A HREF="../about.html">О нас</A>