|
|
Структура документа
Перед вами простейший пример
HTML документа:
<HTML>
<HEAD>
<TITLE>Название
страницы</TITLE>
</HEAD>
<BODY>
Здесь находится текст
странички, различные картинки.
</BODY>
</HTML>
Попробуйте
набрать этот пример в любом текстовом редакторе и сохранить его с
расширением .html или .htm. Теперь можно его
просматривать, как
любой HTML документ.
Первым
тегом, с
которого следует начинать
описание документа, является тег <HTML>. Он
должен всегда начинать описание документа, а
завершать
описание должен
тег </HTML>. Эти теги обозначают, что
находящиеся
между ними строки
представляют единый HTML-документ.
Раздел
документа <HEAD>
определяет
его заголовок и не является обязательным тегом, однако хорошо
составленный
документ может быть полезен. Это тег-контейнер, поэтому для него нужен
закрывающий тег </HEAD>,
показывающий конец этого раздела. Между упомянутыми тегами
располагаются
остальные теги раздела заголовка:
- Тэг <BASE> служит
для указания полного URL-адреса документа. С его помощью относительная
ссылка продолжает работать, если документ переносится в другой каталог
или даже другой компьютер. Тег <BASE> имеет
один
обязательный параметр HREF, после которого указывается полный URL-адрес документа. Например:
<BASE
HREF="www.hkjllkjl.ru/irina">
- Тэг <LINK>
необходим, чтобы поддержать логическую связь между вашими документами.
Тег
<LINK> указывает на связь документа, содержащего данный
тег и
другого документа или объекта. Он состоит из URL-адреса и параметров,
конкретизирующих отношения документов. Заголовок документа может
содержать любое количество тегов <LINK>.
| Параметр |
Назначение |
| HREF |
указывает
URL-адрес другого документа |
| REL |
определяет
отношение между текущим и другим документом |
| REV |
определяет
отношение между другим документом и текущим (отношение, обратное REL ) |
| TYPE |
указывает
тип и параметры присоединенной таблицы стилей |
Например:
<LINK
REL="content" HREF=".../info.html">
В данном примере
указывается связь с прямым отношением content.
Между документами
существует множество различных отношений. У параметра REL: bookmark,
copyringht, glossary, help,
home, index, toc,
next, previous. У
параметра REV: author, editor,
publisher, owner.
- Тег
контейнер <TITLE> -
единственный обязательный тег заголовка, который необходим, чтобы дать
название
документу. Он обычно отображается в заголовке окна браузера.
Например:
<TITLE>Название
страницы</TITLE>
- Тэг <META>
используется
в пределах заголовка страницы и предназначен для того, чтобы включить
любую полезную информацию, не определенную другими HTML тегами. Такая
информация может быть извлечена серверами / клиентами для использования
в идентификации, индексации и создании каталогов Ваших страниц. Тег не
виден в браузере при просмотре страницы, но значительно увеличивает
размер страницы. Если Вы хотите, чтобы Ваш сайт находился в числе
первых, выдаваемых поисковыми машинами при запросах пользователей, то
Вам нельзя игнорировать использование МЕТА - тега. Поскольку с помощью
этого тега указывают ключевые слова, которые используются поисковыми
машинами. Кроме того, необходимо правильно заполнять содержимое МЕТА -
тегов.
Тег <META>
может иметь следующие параметры:
| Параметр |
Назначение |
| HTTP
- EQUIV |
определяет
свойство для тега |
| NAME |
обеспечивает
дополнительное описание тэга. Если этот параметр опущен, он считается
эквивалентному параметру HTTP - EQUIV |
| URL |
определяет
адрес документа для свойства |
Рассмотрим типичные примеры использования МЕТА -
тегов:
<
META
HTTP-EQUIV="Content-Type"Content="text/html;
Charset=Windows-1251">
- используется браузерами для
определения кодировки, с помощью которой была написана данная страница.
"charset=koi8-r" - альтернативная кодировка. Существуют также кодировки
ISO, LAT, DOS.
Внимание: не рекомендую вставлять на Вашу страничку данный код, потому
что большинство серверов хранят данные в одной кодировке (например,
koi8-r) и преобразуют их по запросу пользователя в нужную кодировку.
Если сервер исправит Вашу первую кодировку во вторую, а пользователю
выдаст третью, как смесь первой и второй, то никакие перекодировщики не
смогут восстановить первоначальный текст на странице.
<META
Name="author" Content="Ваши Ф.И.О.,
E-Mail">
- идентификация автора страницы.
<META
Name="copyright" Content="Информация о вашей
фирме">
- сохранение авторских прав, информация о Вашей фирме и тд.
<META
Name="keywords" Content="Ваши ключевые
слова">
-определяет список ключевых слов, используемых на данной странице.
Необходим для поисковых машин.
<META
Name="description" Content="Описание Вашей
страницы">
- Краткое описание содержимого данной страницы. Необходим для поисковых
машин.
<META
HTTP-EQUIV="Expires"
Content="Mon, 11
Jun 1998 00:00:01 GMT">
- предназначен для того, чтобы браузер брал страницу не из кэша, а по
настоящему адресу.
<META
Name="Publisher-Email"
Content="Ваш_e-mail@сервер.домен">
- адрес издателя страницы (Ваш адрес).
<META
Name="Publisher-URL"
Content="Адрес Вашего сайта http://www.Ваш_сайт/">
- адрес Вашего сайта в сети Интернет.
<META
Name="Generator" Content="Microsoft
Notepad">
- описывается средство, с помощью которого была создана данная
страница.
<META
Name="revisit-after" Content="10 days">
- (не точно!) как часто обновляется информация на странице.
<META
Name="ROBOTS" Content="Index,follow">
- (не точно!) предназначен для поисковых машин, постоянно сканирующих
просторы сети Интернет.
<META
HTTP-EQUIV="Refresh" Content="2">
- страница перечитывает сама себя через время x (в нашем случае x=2
секунды).
<META
HTTP-EQUIV="Refresh"
Content="x; URL=http://где.то/что-то.html">
- этот вариант прочитает другую страницу через время x.
<META
HTTP-EQUIV="pragma" Content="no-cache">
- запрещает кэширование страницы на локальном компьютере пользователя.
<META
HTTP-EQUIV="Page-Enter"
Content="BlendTrans(Duration=2.0)">
- Эффект появления страницы при входе на на неё..
<META
HTTP-EQUIV="Page-Exit"
Content="BlendTrans(Duration=2.0)">
- Эффект исчезания страницы при переходе по ссылке..
Раздел
документа BODY
должен
начинаться тегом <BODY> и завершаться тегом </BODY>, между
которыми находится все содержимое данного раздела. Данный тег
имеет ряд
параметров, ни один из которых не является обязательным:
|
Параметры элемента BODY и их назначение
|
|
Параметр
|
Назначение
|
|
ALINK
|
Определяет
цвет, которым выделяется активная ссылка
|
|
BACKGROUND
|
Указывает
URL изображения, который следует использовать в качестве фона документа
|
|
BGCOLOR
|
Определяет
цвет фона документа
|
|
BGPROPERTIES
|
Если
этот атрибут имеет значение fixed, то изображение фона не будет
прокручиваться
|
|
LEFTMARGIN
|
Определяет
ширину левого поля в пикселях
|
|
LINK
|
Определяет
цвет ссылки, которая не была посещена
|
|
TEXT
|
Определяет
цвет текста
|
|
TOPMARGIN
|
Определяет
ширину верхнего поля в пикселях
|
|
VLINK
|
Определяет
цвет ссылки, которая была посещена
|
Цвета в HTML указываются с помощью шестнадцатеричной системы
кодирования Эта система основана на трех компонентах - красном (Red),
зеленом (Green) и синем (Blue), отсюда и ее название - RGB, по первым
буквам названий этих цветов. Каждый из компонентов соответствует
шестнадцатеричному числу от 00 до FF (0 и 255 в десятичной системе
счисления). Эти три значения затем объединяются в одно значение,
которому предшествует знак #, например #800080, что соответствует
фиолетовому цвету. Поскольку немногие могут определить цвет по его
шестнадцатеричному коду, в HTML имеются 16 стандартных названий цветов,
которые перечислены вместе с их шестнадцатеричными значениями в таблице
ниже:
|
Стандартные цвета и их
значения
|
|
Цвет
|
Значение
|
Цвет
|
Значение
|
|
BLACK (Черный)
|
#000000
|
MAROON (Темно-бордовый)
|
#800000
|
|
GREEN
(Зеленый)
|
#008000
|
OLIVE
(Оливковый)
|
#808000
|
|
NAVY (Темно-синий)
|
#000080
|
PURPLE (Фиолетовый)
|
#800080
|
|
TEAL
(Зеленовато-голубой,
электрик)
|
#008080
|
GRAY
(Серый)
|
#808080
|
|
SILVER
(Серебристый)
|
#СОСОСО
|
RED (Красный)
|
#FFOOOO
|
|
LIME
(Лимонный)
|
#OOFFOO
|
YELLOW
(Желтый)
|
#FFFFOO
|
|
`
|
#OOOOFF
|
FUCHSIA
(Фуксия)
|
#FFOOFF
|
|
AQUA
(Морская волна)
|
#OOFFFF
|
WHITE
(Белый)
|
#FFFFFF
|
<<Назад
Вперед>>
|