Создание ссылок на документы и файлы

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

Тэг <A> имеет единственный атрибут HREF, в котором размещается URL– адрес. Адрес может быть как относительным, так и абсолютным, например, http://www.server.com/home/index.htm. Этот тэг является контейнером, поэтому необходимо поставить закрывающий тэг </A> сразу же за указателем:

<A HREF=URL>anchor</A>

В качестве конкретного примера рассмотрим ссылку на домашнюю страницу одного из авторов. Атрибут HREF указывает на абсолютный адрес страницы. Указателем являются слова "Студент", которые программа просмотра выделяет подчёркиванием и цветом. Текст вне контейнера <A> не является указателем и поэтому не будет подчеркнут. Когда читатель щёлкает мышью на словах Студент, браузер загружает страницу автора.

Совет:

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

<A HREF="page.html" TITLE="Go to page.html">

В предыдущем примере описывалось включение в документ текстового указателя. Создание графического указателя также не вызовет затруднений. Вместо текста в тэге <А> нужно разместить имя файла изображения. В следующей строке кода атрибут HREF опять указывает адрес домашней страницы одного из авторов, только вместо текстового анкера при помощи тэга <IMG> создается графический указатель, представляющий собой маленькое фото.

Внутренние ссылки.

Кроме ссылок на другие документы, часто бывает полезно включить ссылки на разные части текущего документа. Например, большой документ читается лучше, если он имеет оглавление со ссылками на соответствующие разделы.

Для построения внутренней ссылки сначала нужно создать указатель, показывающий место назначения. Например, если вы хотите сделать ссылку на текст в середине документа, нужно разместить там указатель и дать ему имя при помощи атрибута NAME тэга <А>. При этом атрибут HREF не используется, и браузер не выделяет содержимое тэга <A>.

<А NAME=MIDDLE>Middle Section in Web page</A>

После того как указатель получил имя, можно приступить к созданию ссылки на него. Для этого, вместо указания в атрибуте HREF адреса документа, как это делалось ранее, поместим туда имя указателя со специальным префиксом (#), говорящим о том, что это внутренняя ссылка.

<А HREF="MIDDLE">Jump to the middle</A>

Теперь, если пользователь щёлкнет кнопкой мыши на словах Jump to the middle, программа просмотра выведет среднюю часть документа, причем указатель ссылки будет расположен в верхней строке окна.

Примечание:

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

Создание ссылки на электронную почту так же просто, как и на другую страницу. Ранее, ссылаясь на другой документ, мы включали в код такую строку:

<А HREF="http://www.mycom/myhome.html">Go to my page</A>.

Теперь вместо http, определяющего Web-адрес, нужно ввести адрес электронной почты после слова mailto:

<А HREF="mailto:me@mycom.com">Send me E-mail</A>.

Эта ссылка ничем не будет отличаться от остальных гипертекстовых ссылок вашего документа.

Контрольные вопросы:

1. Что такое гипертекстовый документ?

2. Дайте определение понятию ссылка? Из каких частей состоит ссылка?

3. Какие типы указателей вы знаете?

4. Что из себя представляет вторая часть ссылки?

5. Каким образом в HTML-документе можно сформировать ссылку?

6. Как в HTML-документе создать внутренние ссылки?

Домашнее задание:

Подобрать с помощью сети Интернет графические объекты для выполнения практических работ, для написания КПР

[9], с. 226-228

Поиск по сайту: