Ссылки в HTML-документах

Читайте также:

Ссылки в HTML-документе позволяют организовать контекстные связи между отдельными частями одного документа (внутренние ссылки), или различными документами, расположенными в сетевом пространстве Internet (внешние ссылки). Для организации ссылок необходимо иметь два адреса:

- адрес точки (метки), на которую указывает ссылка;

- адрес точки, из которой выполняется ссылка.

Для организации ссылок используются элементы: <A> (от anchor-якорь), <LINK> (звено) и <BASE>. В качестве указателя ссылки может использоваться любой элемент гипертекста, включая изображение.

Элемент <A> является элементом уровня текста и представляется контейнером вида:

<A atribute_1="value 1" atribute_2="value 2">... </A> Закрывающий оператор обязателен. Элементы <A> не допускают вложенности.

Собственные атрибуты элемента <A>

Наименование атрибута	Описание атрибута
href	От HyperREFerence — гиперссылка. Href=“URI”, то есть href соответствует адресу вызываемого ресурса. URI всегда заключается в кавычки, так как может содержать служебные символы (двоеточия и слеши).
target	target=“имя окна”. Параметр задает имя окна, в которое будет загружаться документ. Можно указывать значения: _blank – документ загружается в новое окно; _parent – документ загружается в родительское окно по отношению к текущему; _self-документ загружается в окно, где располагается ссылка; _top-документ загружается во все окно броузера.
hrefland	Указывает язык документа, к которому ведет ссылка.
type	Указывает MIME – тип документа.
charset
rel	Эти параметры не целесообразно рассматривать на начальном этапе освоения Web-технологии.
rev
shape
coords
tabindex
accesskey

При работе со ссылками необходимо учитывать, что можно задавать цвета ссылки, находящейся в различных состояниях. Для этой цели используются параметры оператора <BODY>:

- link — исходный цвет гиперссылки;

- alink — цвет активных гиперссылок, то есть гиперссылок на которых установлен курсор мыши;

- vlink — цвет посещенных гиперссылок.

Замечание. Параметры link, alink и vlink являются параметрами оператора <BODY>. Их не следует путать с оператором <LINK>, который рассматривается далее.

Элементы <LINK> располагаются в разделе <HEAD> и используются для организации ссылок. Контекст ссылки зависит от параметров элемента.

Синтаксис элемента: одиночный тэг.

Элемент <LINK> имеет большое число параметров, которые носят специфический характер и не могут рассматриваться на начальном этапе освоения Web-технологии. Здесь приводятся только основные параметры оператора <LINK>.

Параметры оператора <LINK>

Наименование атрибута	Описание атрибута
href	Задает адрес (URI) документа (ресурса).
type	Указывает MIME – тип другого документа.
rel	Определяет соотношение между текущим и загружаемым документами. Принимает значения: appendix – приложение; bookmark – закладка; copyright – информация об авторских правах; chapter – глава; glossary – словарь; help – файл помощи; home – начальная страница; index – указатель; next – следующая страница; previous – предыдущая страница.
rev	Указывает, как загружаемый документ соотносится с текущим (отношение обратное rel). Принимает значения author, editor, publisher, owner.

Элемент <LINK> используется для организации загрузки стилей (<LINK rel="stylesheet" type="text/css" href="default.css">),сохранения связей между страницами документа и, следовательно, для сохранения работоспособности ссылок в документе (<LINK title="First_page" rel="index" href="homepage.html">), а также для взаимодействия с поисковыми машинами.

Элемент <BASE> размещается в разделе<HEAD> до любых ссылок в документе на внешние источники.

Синтаксис элемента <BASE>: одиночный тэг.

Атрибуты элемента <BASE>

Наименование атрибута	Описание атрибута
href	Задает базовый адрес ресурса (URI).
target	Определяет имя окна или фрейма, по которому будут загружаться файлы, на которые есть ссылки в документе. Может принимать значения _blank, _top, _parent, _self.

Элемент <BASE> позволяет задать базовый адрес для всех ссылок, формируемых в HTML-документе. Задание базового адреса дает возможность использовать в документе относительные адреса для любых типов ссылок.

Использование элементов <LINK> и <BASE> требует хорошей подготовки в Web-технологиях.

Использование элемента <A>. Особенности использования элемента <A> для организации ссылок показано в примере 2.11.

Пример 2.11. Организация внутренних ссылок.

<HTML>

<HEAD><TITLE>Ссылки в HTML-документе </TITLE></HEAD>

<A href="#L1">Выравнивание текста</A>

<A href="#L2">Форматирование шрифта</A>

<A Name=str1><H2><center>Изучение языка разметки гипертекста HTML </H2></A>

<A HREF=D:\УчебнПособия\Фрейм\first.htm#L3> Первое занятие</A>

<H3><center><A name=L1>Выравнивание текста</A></center></H3>

Выравнивание<A HREF="RRR.htm" TARGET="prim1"> по правой </A>границе

Выравнивание по левой границе<A Name=L4>

Графическая ссылка <A HREF="D:\УчебнПособия\Фрейм\4321Kurochkin\ Leti_tm2.gif"> <IMG WIDTH=80 HEIGHT=20 SRC="D:\УчебнПособия\ Фрейм\Nigl_HTTP\ Images\Cdrom.gif" BORDER=0> </IMG></A> по тексту

Выравнивание по правой границе

Выравнивание по левой границе

Центрирование<A HREF="DDD.htm#str1">Ссылка1</A> первым способом

<center>Центрирование вторым способом</center>

<div align=center>Центрирование третьим способом</div>

<H3><center><A name=L2>Форматирование шрифта</A> </center></H3>

<big> Изучение языка разметки гипертекста HTML</big>

Изучение языка разметки гипертекста HTML

<basefont size=5>ШРИФТ=5

</MAP>

Образец

шрифта = 7

Размер шрифта=1

Размер шрифта=2

Выделение текста жирным шрифтом

Выделение шрифтом<TT>с фиксированной шириной </TT>букв

<blink>МИГАЮЩИЕ СИМВОЛЫ</blink></basefont>

H2O-это вода*

</BODY> </HTML>

Результат просмотра примера 2.11 (рис.2.11).

Рис.2.11. Просмотр примера 2.11.

Локальные ссылки внутри документа. Выражение <BODY background=Bk_paper1.jpg LINK="darkgreen" VLINK="red" ALINK="lime"> определяет фон документа и цвета ссылок.

Строки <A href="#L1">Выравнивание текста</A> и <A href="#L2"> Форматирование шрифта</A> описывают внутренние ссылки документа Пример 2.11. Адреса переходов href="#L1" и href="#L2" показывают, что при выполнении ссылки будет выполняться переход к меткам L1 и L2 соответственно. Метки L1 и L2 задаются операторами <H3><center><A name=L1>Выравнивание текста</A></center></H3> и <H3> <center><A name=L2> Форматирование шрифта</A></center></H3> соответственно. Переход, при выполнении указанных ссылок будет выполняться на параграфы “Выравнивание текста” и “Форматирование шрифта”.

Аналогично рассмотренному реализуется Ссылка1 — Центрирование<A HREF="DDD.htm#str1"> Ссылка1 </A> первым способом. В отличие от предыдущих ссылок здесь в адресе HREF="DDD.htm#str1" указывается имя документа DDD.htm и метка, на которую выполняется переход при выполнении ссылки — #str1. Расположение метки str1 задается в операторах <A Name=str1><H2><center>Изучение языка разметки гипертекста HTML</H2></A>.

Ссылки на другие документы. Ссылка на метку L3 документа, располагающегося по адресу HREF=D:\УчебнПособия\Фрейм\first.htm#L3, выполняется операторами <A HREF=D:\УчебнПособия\Фрейм\first.htm#L3> Первое занятие</A>.

Здесь переход выполняется к файлу, который расположен на том же самом компьютере, что и исходный документ, и путь к которому прописан полностью.

Использование графики в ссылках. Графические изображения могут использоваться в ссылках либо как чувствительная область, заключенная в операторы <A> и </A>, либо как графическое сегментированное изображение (image maps).

Использование графического изображения в качестве чувствительной области иллюстрируется в примере 2.8. Использование графической карты рассматривалось в предыдущем разделе “Графика в HTML-документах.

Рассмотрим фрагмент разметки гипертекста, приведенный в примере 2.8 — Графическая ссылка

<A HREF="D:\УчебнПособия\Фрейм\4321 Kurochkin\Leti_tm2.gif"> <IMG WIDTH=80 HEIGHT=20 SRC="D:\УчебнПособия\Фрейм\Nigl_HTTP\ Images \Cdrom.gif" BORDER=0></A>по тексту.

Изображение, используемое как чувствительная область, располагается в файле по адресу

D:\УчебнПособия\Фрейм\ Nigl_HTTP\Images\Cdrom.gif"

и отображается в виде элемента встроенного в текст. Параметры изображения определяются атрибутами оператора IMG.

При выполнении ссылки (щелчок левой клавишей мыши на графическом изображении) будет осуществляться переход по адресу:

HREF="D:\УчебнПособия\Фрейм\4321 Kurochkin\Leti_tm2.gif".

Замечание. Графическое изображение в ссылках ограничивается операторами <A> и </A> и определяется оператором <IMG>.

Ссылки на различные ресурсы Internet. Документы HTML могут содержать ссылки на различные ресурсы сети: на внешние HTML-документы, электронные почтовые адреса, серверы FTP, электронные конференции и так далее. См.: Компьютерные сети и системы: Методические указания по изучению раздела “Навигация в Интернет”/Академия ГА. С-Пб.,2002.

Дата добавления: 2015-10-02; просмотров: 58 | Нарушение авторских прав

<== предыдущая страница	\|	следующая страница ==>
Сегментированная графика. Элементы <MAP> и <AREA>.	\|	Фреймы в HTML-документах

mybiblioteka.su - 2015-2024 год. (0.01 сек.)