ВУЗ: Не указан
Категория: Не указан
Дисциплина: Не указана
Добавлен: 04.12.2019
Просмотров: 5025
Скачиваний: 4
СОДЕРЖАНИЕ
Элементы, относящиеся к заголовку документа
Элементы для создания фреймов и работы с ними
Элементы для работы со скриптами
Ссылки на другие сайты по данной теме
Ссылки на другие сайты по данной тематике
Элементы форматирования текста
Пример 2. Использование изображения в качестве гиперссылки:
Пример 3. Использование ISMAP:
Пример 4. Использование USEMAP:
BASE
(HTML 3.2) - Base URL
Указывает базовый адрес текущего документа (URL), который станет отправной точкой для расчета относительных адресов внутри документа. Элемент не имеет конечного тега. Обязательно присутствие хотя бы одного из атрибутов.
Атрибуты
HREF - определяет базовый адрес (URL) текущего документа.
TARGET - определяет имя фрейма, которое будет использоваться в гиперссылках по умолчанию. Это может вам пригодиться, если вы хотите открывать все ссылки документа в другом фрейме.
Пример:
<HEAD>
<!-- Пусть браузер думает,
что находится по адресу : -->
<BASE href="http://www.igf.ru/other/index.html">
<TITLE>Руководство по
эксплуатации</TITLE>
</HEAD>
...
<!--
А теперь создадим относительную ссылку
на документ -->
<!-- http://www.igf.ru/list.html
-->
<A href="../list.html">Список</A>
...
STYLE
(HTML 3.2) - Style
Используется для вставки в документ таблицы стилей (CSS - Cascade Style Sheet).
Атрибуты
TYPE - обязательный атрибут. Определяет MIME-тип вставляемого блока стилей. Как правило, значением этого атрибута является "text/css".
TITLE - определяет имя создаваемой таблицы стилей. Необходим, если вы собираетесь использовать несколько элементов STYLE в одном документе. В этом случае браузер должен спросить пользователя, какой из предложенных стилей будет применен к документу.
Пример:
<HEAD>
<TITLE>Пример
использования таблицы стилей</TITLE>
<!--
Втыкаем табличку
стилей -->
<STYLE
TYPE="text/css"
TITLE="Cool
table">
<!--
A
{text-decoration : none;}
P
{color : blue; font-size : 12pt; font-family : Arial;}
H1
{color : red; font-size : 18pt;}
--></font>
</STYLE>
<!--
... кончили втыкать -->
</HEAD>
Примечания
-
Практически все популярные браузеры игнорируют атрибут TITLE, поэтому можете его не использовать. А жаль, задумка-то была неплохая...
Рекомендуем почитать про CSS:
LINK
(HTML 2.0) - Link
Элемент LINK описывает взаимосвязь документа с другими документами на сайте, указывая его место в иерархической структуре сайта. Элемент не имеет конечного тега. В заголовке может содержаться несколько элементов LINK.
Атрибуты
HREF - определяет URL объекта.
REL - определяет тип взаимосвязи текущего документа с объектом, определенным атрибутом HREF. Возможные значения:
-
stylesheet - указывает на файл, содержащий таблицу стилей (CSS) для текущего документа. Браузер загрузит css-файл с указанного в атрибуте HREF адреса и применит его к текущему документу (см. также элемент STYLE)
-
home - указывает на заглавную страницу вашего сайта
-
toc, contents - указывают на файл, содержащий оглавление данного документа.
-
index - указывает на файл, содержащий информацию для индексного поиска по текущему документу.
-
glossary - указывает на файл, содержащий перечень терминов, относящихся к текущему документу.
-
copyright - указывает на страницу сайта, в которой говорится о его создателях, авторских правах и т.п.
-
up, parent - указывает на "родительскую" страницу (документ, стоящий на ступеньку выше в иерархической структуре вашего сайта).
-
child - указывает на "дочернюю" страницу (документ, стоящий на ступеньку ниже в иерархической структуре вашего сайта).
-
next - указывает на следующую страницу в последовательности документов (напр. следующую страницу электронного каталога, документации или словаря).
-
previous - указывает на предыдущую страницу в последовательности документов. last, end - указывает на последнюю страницу в последовательности документов. first - указывает на первую страницу в последовательности документов. help - указывает на страницу с подсказкой (напр. по навигации по вашему сайту).
TYPE - определяет MIME-тип для объекта, указанного в атрибуте HREF.
Пример 1
<HEAD>
<TITLE>Элемент DIV</TITLE>
<LINK REL="HOME"
TITLE="HTML-справочник" href="index.html">
<LINK REL="UP" TITLE="Текстовые
блоки" href="textblocks.html">
<LINK REL="PREVIOUS" TITLE="Элемент
P" href="p.html">
<LINK REL="NEXT" TITLE="Элемент ADDRESS"
href="address.html">
</HEAD>
Пример 2
<HEAD>
<TITLE>Полдневье</TITLE>
<LINK
REL="stylesheet"
TYPE="text/css"
href="deco1.css">
</HEAD>
Примечание
Элемент LINK, к сожалению, используется web-мастерами довольно редко, чаще всего только для внедрения CSS из отдельного файла. Почти все браузеры игнорируют информацию о положении документа в структуре сайта - эта информация интересна только индексирующим роботам поисковых систем.
META
(HTML 2.0) - Meta
Элемент МЕТА используется для техописания документа, которое представляет собой метаданные в виде пары "имя-значение". С помощью этого элемента в заголовок документа внедряется дополнительная полезная информация, невидимая для пользователя, но порой просто незаменимая для правильной индексации вашей страницы роботами поисковых серверов. Элемент не имеет конечного тега.
Атрибуты
NAME - определяет имя мета-записи. Существует множество предопределенных имен, некоторые из которых вы можете увидеть в указанном ниже примере.
HTTP-EQUIV - определяет имя мета-записи. Практически аналогичен атрибуту NAME, но используется лишь в случае необходимости передачи дополнительной информации в HTTP-заголовке.
CONTENT - присваивает значение мета-записи, определенной в атрибуте NAME (или HTTP-EQUIV).
Пример:
<HEAD>
...
<META
HTTP-EQUIV="Expires"
CONTENT="Sat,
26 Jun 1999 17:38:15 GMT">
<META
NAME="GENERATOR"
CONTENT="Greenback">
<META
NAME="Publisher-Email"
CONTENT="green@igf.ru">
<META
NAME="Publisher-URL"
CONTENT="Idea
GraFix &#150; http://www.igf.ru/">
<META
NAME="Keywords"
CONTENT="OpenGL,3D,graphics,3Dfx,Permedia,Diamond,графика">
<META
NAME="Description"
CONTENT="Российский
сайт, полностью
посвященный 3D-графике,
ее разработке
и использованию.">
...
</HEAD>
Фреймы
Фреймы (frames) используются для разбивки окна браузера на несколько областей, каждая из которых представляет собой отдельный HTML-документ (фрейм). Как правило, фреймы используются для облегчения навигации по сайту, создания навигационного меню. Тем не менее, большинство разработчиков избегают использования фреймов, к чему, поверьте, имеют довольно веские основания. Старайтесь использовать фреймы только тогда, когда это действительно необходимо.
EXAMPLE
Элементы для создания фреймов и работы с ними
-
FRAMESET Определяет фреймовую (оконную) структуру документа: размеры и расположение фреймов на странице
-
FRAME Определяет фрейм и его свойства внутри FRAMESET-структуры
-
NOFRAMES Определяет что показывать, если браузер не поддерживает фреймы
Примечания
-
Внимательно следите, чтобы все вышеперечисленные элементы находились вне элемента BODY. Фреймы к телу документа никоим образом не относятся!