HTML. Гипертекстовые ссылки. (2 часа)

Цель работы: научиться создавать ссылки на другие документы.

Теоретическая часть: Основная мощь HTML происходит из его возможности связывать части текста (и даже изображения) с другими документами. Просмотрщик выделяет эти области (обычно цветом и/или подчеркиванием) показывая, что это гипертекстовая ссылка (часто сокращаемое до гиперссылки или просто ссылки).

Одиночный гипертекстовый связующий HTML tag: <A>, его называют anchor (якорь). Чтобы включить anchor в свой документ:

Начните anchor с <A. (После A стоит пробел.)

Определите документ, на который будет указывать ссылка, введя параметр HREF="имя_файла" и, после этого, закрывающую скобку: >

Наберите текст, который будет служить гипертекстовой ссылкой в текущем документе.

Завершите anchor набрав tag: </A>.

Вот пример гипертекстовой ссылки:

<A HREF="MaineStats.html">Maine</A>

Это выражение делает слово ``Maine'' гипертекстовой ссылкой на документ MaineStats.html, который находится в той же директории, что и первый документ. Вы можете сделать ссылку и на документ из другой директории, указав относительный путь из текущего документа к документу, на который делается ссылка. Например, ссылка на файл NJStats.html расположенный в поддиректории AtlanticStates будет выглядеть так:

<A HREF="AtlanticStates/NJStats.html">New Jersey</A>

Это называется относительной ссылкой. Вы можете использовать также полное имя файла. Для указания пути используйте стандартный синтаксис UNIX.

Относительные ссылки в сравнении с абсолютными путями до файлов

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

Легче переместить группу документов в другое место, потому что относительные ссылки останутся корректными.

Однако, используйте абсолютные пути, когда ссылаетесь на документы относящиеся к другой группе. Например, пусть Ваша группа документов содержит документацию пользователя. Ссылки внутри этой группы должны быть относительными. Ссылки на другие документы (относящиеся, например, к дополнительному программному обеспечению) должны содержать полный путь. Таким образом, если Вы переместите документацию в другую директорию, ни одна из связей не будет требовать обновления (изменения).

Uniform Resource Locator

World Wide Web использует Uniform Resource Locators (URLs) для указания расположения файлов на других серверах. URL включает тип (способ) доступа к ресурсу (gopher, WAIS,...), адрес сервера и местоположение файла. Синтаксис:

scheme://host.domain[:port]/path/filename

где scheme является одним из:

file

файл Вашей локальной системы или файл ``анонимного'' FTP-сервера

http

файл World Wide Web сервера

gopher

файл Gopher сервера

WAIS

файл WAIS сервера

news

группа новостей Usenet

telnet

Telnet связь

Значение Port может быть опущено. (Не указывайте это, пока кто-нибудь явно не укажет Вам на необходимость использования).

К примеру, для включения ссылки на этот пример в свой документ, Вы должны использовать:

<A HREF = "http://www.ncsa.uiuc.edu/General/Internet/WWW/HTMLPrimer.html">

NCSA's Beginner's Guide to HTML</A>

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

Ссылки (anchors) также могут быть использованы для перехода к определенным частям других документов. Предположим, вы хотите сделать ссылку из документа А на некоторую часть документа В. (Назовем этот файл documentB.html.) Во-первых, Вам необходимо создать named anchor (именованный якорь, ссылка с именем) в документе В. Например, чтобы создать anchor с именем ``Jabberwocky'' в документе В, наберите:

Это <A NAME = "Jabberwocky">некоторый текст</a>

Теперь, когда вы будете создавать ссылку из документа А, включите в нее не только имя файла с документом В, но и конкретное место в нем, разделенные символом (#).

Это моя <A HREF = "documentB.html#Jabberwocky">ссылка</A> на документ В.

Теперь нажатие на слово ``ссылка'' в документе А отправит читателя сразу к словам ``некоторый текст'' в документе В.

Ссылки на конкретные места в текущем документе

Техника построения ссылок такая-же, за исключением того, что имя файла не требуется.

К примеру, для ссылки на ``Jabberwocky'' anchor изнутри того-же самого файла (документ В), надо использовать:

Это <A HREF = "#Jabberwocky">ссылка на Jabberwocky</A> изнутри документа В.

ЗАДАНИЕ.

Домашняя подготовка:

Изучить основные теги и атрибуты создания anchor - областей.

2) Подготовить необходимые данные для заполнения Web - страницы, в том числе gif - файл. Предметную область определит преподаватель.

Методические рекомендации к выполнению работы:

Показать преподавателю данные домашней подготовки.

Создать ссылку на другой документ, используя относительный и абсолютный ресурсы.

Создать ссылку на конкретный фрагмент теста:

Другого документа

Этого же документа

Предъявить преподавателю Web - страницу на Microsoft Internet Explorer.

ТРЕБОВАНИЯ К ОТЧЕТУ.

Отчет должен включать:

1) Краткое описание используемых тегов и атрибутов HTML.

2) Исходные данные в соответствии с заданием к работе.

Распечатки результатов работы с поясняющими записями.

Контрольные вопросы для самостоятельного выполнения:

1. Что такое Web - страница и HTML.

2. Какие основные теги и атрибуты используются для создания ссылок

3. Виды используемых ресурсов.

4. Типы создаваемых ссылок.

Рекомендуемая литература: [15], [16], [26] - д.