Б. Графические гиперссылки

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

Изображения-гиперссылки

Язык HTML позволяет использовать в качестве содержимого гиперссылки любой фрагмент любого блочного элемента, в том числе и графическое изображение, т. е. создать изображение-гиперссылку. Для создания изображения гиперссылки достаточно поместить внутрь тега <A> тег <IMG>:

<A HREF="http://www.w3.org"><IMG SRC="w3logo.gif"></A>

Этот HTML-код создает изображение-гиперссылку, указывающую на Web-сайт организации W3C. А в качестве самого изображения выбран логотип этой организации, который мы сохранили в файле в той же папке, где находится файл текущей Web-страницы.

Этот HTML-код создает почтовую графическую гиперссылку:

<A HREF="mailto:user@mailserver.ru"><IMG SRC="email.gif"></A>

Правила вывода изображений-гиперссылок Web-обозревателем:

ü изображение-гиперссылка окружается рамкой, имеющей соответствующий гиперссылке цвет: синий — для непосещенной, темно-красный — для посещенной и т. д.;

ü  при помещении курсора мыши на изображение-гиперссылку Web-обозреватель меняет его форму на "указующий перст", как и в случае текстовой гиперссылки.

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