Создается с помощью элемента HEAD, между тэгами которого размещаются элементы, содержащие техническую информацию о документе.
Элементы, относящиеся к заголовку документа:
HEAD | Определяет начало и конец заголовка документа |
TITLE | Определяет имя всего документа, которое отображается в заголовке окна браузера |
BASE | Определяет базовый адрес, от которого отсчитываются относительные линки внутри документа |
STYLE | Используется для вставки в документ таблицы стилей CSS |
LINK | Описывает взаимосвязь документа с другими объектами |
META | Используется для вставки метаданных |
SCRIPT | Определяет операторы языков сценария JavaScript,VBScript и др. |
<TITLE>
У документа, как и у книги, тоже должно быть название. Для наименования документа используется элемент TITLE. Название должно быть простым и в то же время содержательным, чтобы читатель сразу получил представление о ее содержании.
NB! Не следует путать название с именем файла HTML-документа. Имя файла присваивается в HTML-редакторе при сохранении документа.
HTML-код элемента TITLE выглядит следующим образом:
<TITLE>Поисковая система</TITLE>
<META>
Информация, содержащаяся в тэгах <META>, не отображается браузером и служит специальным целям.
Описание некоторых мета-тэгов.
EXPIRES – дата устаревания документа
После истечения указанного срока документ будет каждый раз загружаться заново (обновляться).
Пример: <META Http-equiv="Expires" Content="Sat, 6 March 2004 16:38:15 GMT"
>
CONTENT-TYPE – тип документа и его кодировка
Выбор кодовой страницы для правильного отображения символов браузером.
Пример: <META Http-equiv=”Content-Type” Content=”text/html; charset=windows-1251”>
AUTHOR – информация об авторе данного документа
Пример: <META Name=“Author" Content =“Анна Коряковская”>
KEYWORDS – ключевые слова
Набор слов и фраз, наиболее полно характеризующих данный документ. Являются основным критерием поиска вашей страницы поисковыми системами.
Пример: <META Name="Keywords" Content =“Библиотека, Учебный центр, HTML, CSS, Архангельск”>
DESCRIPTION – описание документа
Один из наиболее важных параметров. Информация, содержащаяся в нем, влияет на результаты поиска, осуществляемого поисковыми системами.
Пример: <META Name="Description" Content =“Сайт, на котором отображены работы слушателей курсов.”>
<BODY>
Указывает начало и конец тела HTML-документа.
Параметры:
BGCOLOR - определяет цвет фона документа.
BACKGROUND - определяет изображение для "заливки" фона. Значение задается в виде полного URL или имени файла с картинкой в формате gif или jpg.
TEXT - определяет цвет текста в документе.
MARGINHEIGHT - определяет ширину (в пикселях) верхнего и нижнего полей документа. Работает только в браузерах Netscape.
TOPMARGIN - определяет ширину (в пикселях) верхнего и нижнего полей документа. Работает только в браузерах Internet Explorer.
MARGINWIDTH - определяет ширину (в пикселях) левого и правого полей документа. Работает только в браузерах Netscape.
LEFTMARGIN - определяет ширину (в пикселях) левого и правого полей документа. Работает только в браузерах Internet Explorer.
LINK - определяет цвет гиперссылок в документе.
ALINK - определяет цвет подсветки гиперссылок в момент нажатия.
VLINK - определяет цвет гиперссылок на документы, которые вы уже просмотрели.
Значения параметров BGCOLOR, TEXT, LINK, ALINK и VLINK задаются либо RGB-значением в шестнадцатеричной системе, либо одним из 16 базовых цветов.
Пример: <BODY BACKGROUND="images/bricks.jpg" BGCOLOR="#202020" TEXT="#FFFFFF" LINK="#FF0000" VLINK="#505050" MARGINHEIGHT="30" TOPMARGIN="30" LEFTMARGIN="40" MARGINWIDTH="40">
Форматирование текста
<h1>..<h6>
HTML имеет шесть уровней заголовков разделов документа, пронумерованных цифрами от 1 до 6. Заголовки объявляются парой тэгов с номерами, соответствующими уровню, например, <h1></h1> - заголовок раздела первого уровня, а <h6></h6> - заголовок раздела шестого уровня. От нормального текста заголовки отличаются размером и толщиной букв. Заголовок первого уровня <h1> отображается обычно очень крупным шрифтом, в то время как заголовок шестого уровня h6 – очень мелким.
По умолчанию заголовок выравнивается по левому краю страницы. Но его также можно выровнять по правому краю или центрировать. Для правостороннего выравнивания в тэге < h1 > используется атрибут align=right, а для центрирования – align=center. Допускается также явное указание левостороннего выравнивания – align=left.
Начертание текста
<b></b> - полужирное начертание.
<i></i> - курсивное начертание.
<u></u> - подчеркнутое начертание.
<tt></tt> - телетайпный шрифт.
Тэги <big></big> увеличивают размер шрифта текста, заключенного между ними.
С помощью тэгов <small></small> вы можете уменьшить размер шрифта текста по сравнению с исходным.
Другой способ указания размера шрифта – с помощью тэгов <font></font> с атрибутом size. В качестве значений этого атрибута используются целые числа от 1 до 7. Причем значение 1 соответствует минимальному размеру шрифта, а значение 7 – максимальному.
В тэгах <font></font> может использоваться также атрибут color для указания цвета шрифта, ограниченного тэгами текста.
Абзацы
Для того, чтобы представлять текст в виде отдельных абзацев, понадобятся тэги <p></p>. Эти тэги имеют следующие параметры:
ALIGN – выравнивание текста. Возможные значения: LEFT – по левому краю, RIGHT – по правому краю, CENTER – по центру, JUSTIFY – по ширине.
<p align=justify>Параграф, выровненный по ширине</p>
<p align=left>Параграф, выровненный по левому краю</p>
<p align=right>Параграф, выровненный по правому краю</p>
<p align=center>Параграф, выровненный по центру</p>
<BR>
Данный элемент осуществляет перевод строки, то есть практически аналогичен нажатию Enter в текстовом редакторе. Элемент не имеет конечного тэга.
<DIV>
Используется для отделения блока HTML-документа от остальной части документа. Находящиеся между начальным и конечным тэгами текст или HTML-элементы оформляются как отдельный параграф.
Параметры:
ALIGN - определяет выравнивание содержимого элемента DIV. Параметр может принимать следующие значения: left, right, center.
Создание линий
Тэг <HR> вставляет в текст горизонтальную разделительную линию.
Параметры:
WIDTH - определяет длину линии в пикселах или процентах от ширины окна браузера.
SIZE - определяет толщину линии в пикселах.
ALIGN - определяет выравнивание горизонтальной линии. Параметр может принимать следующие значения:
left - выравнивание по левому краю документа.
right - выравнивание по правому краю документа.
center - выравнивание по центру документа (используется по умолчанию).
NOSHADE - определяет способ закраски линии как сплошной. Параметр является флагом и не требует указания значения. Без данного параметра линия отображается объемной.
COLOR - определяет цвет линии.
<PRE>
Используется для включения в документ уже отформатированного текста. Браузеры воспроизводят содержимое этого элемента с помощью моноширинного шрифта, сохраняя пробелы и символы конца строки.