На этом шаге рассмотрим применение изображения в качестве ссылки.
Как было отмечено на 20 шаге, в качестве указателя ссылки может использоваться графическое изображение. По принципу действия графические ссылки ничем не отличаются от текстовых ссылок.
Для пояснения того, что данное графическое изображение является ссылкой, браузер заключает его в рамку синего цвета.
Использование изображения в качестве ссылки обеспечивается применением следующей конструкции:
Рис.1. Пример использования изображения в качестве ссылки
Любая часть заданного изображения будет работать как указатель ссылки на документ, заданный URL-адресом.
Замечание. Существует возможность задания изображений, отдельные фрагменты которых будут указывать на различные документы.
В заключение разберем следующий пример. Пусть при щелчке мышью по изображению трапеции осуществляется переход к документу, содержащему ее свойства.
Для начала создадим с помощью графического редактора Paint изображение трапеции и сохраним его в файле с именем trap.gif. Далее создаем HTML-документ trap1.html, содержащий перечень свойств трапеции:
<HTML>
<HEAD>
<TITLE> Свойства трапеции. </TITLE>
</HEAD>
<BODY>
Трапеция – это четырехугольник, у которого две стороны параллельны,
а две другие – не параллельны.<BR>
Площадь трапеции находится по формуле:<BR>
S=(a+b)*h/2, где: <BR>
a,b – длины параллельных сторон; <BR>
h – высота трапеции.<BR>
<A HREF=trap_gl.html>Назад.</A>
</BODY>
</HTML>
Следующим шагом является создание HTML-документа, который размещает на Web-странице изображение трапеции из файла trap.gif, и делает его ссылкой (файл trap_gl.html):
<HTML>
<HEAD>
<TITLE> Основные фигуры планиметрии. </TITLE>
</HEAD>
<BODY>
<A HREF=trap1.html><IMG SRC=trap.gif></A>
</BODY>
</HTML>
При просмотре в браузере файла trap_gl.html будет появляться изображение трапеции, щелчок по которому приведет к загрузке содержимого файла trap1.html.
Следующий шаг познакомит вас внутренними ссылками в HTML-документе.
