HTML. Гіперпосилання. Поняття «карта чутливих зображень

Карта зображень (сегментована графіка) використовується у тих випадках, коли необхідно розташувати на одному зображенні декілька гіперпосилань перехід по яким здійснюється завдяки клацанню мишею на певному місці зображення. Це, зокрема, зручно коли зображення меню створюється у вигляді графічного файлу і для кожного пункту меню реалізується своє гіперпосилання.

При використанні карти зображень перш за все потрібно вставити у HTML-документ сам графічний файл, використовуючи тег <img>, до якого неохідно додати параметр usemap. У загальному випадку ця конструкція має такий вигляд:

<img src=”file.gif” usemap=”#map_name”>.

Тут file.gif – файл із зображенням малюнка; map_name – ім’я карти чутливих областей. Якщо опис карти знаходиться не у документі, де вона розташована, а уі ншому HTML-файлі, то перед символом фунта (#) потрібно вказати ім’я HTML-файлу, який містить опис цієї карти.

Для створення карти чутливих областей використовується конструкція тегів <map name=”map_name”>, <map>. Між цими тегами розташовуються теги для визначення чутливих областей. Загльний формат такого тега має наступний вигляд:

<area shape=”shape” coords=”coords” href=”link”>, де

shape – параметр для встановлення форми гарячої області; можливі значення: rect – прямокутник, circ – коло, poly – багатокутник.

coords – кординати областей; для прямокутника – кординати верхньої лівої та нижньої правої вершин прямокутника; для кола – координати центра та довжина радіуса; для багатокутника – пари координат його вершин.

href – ім’я ресурса (HTML-сторінки), до якого необхідно перейти при виборі даної області.

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

Приклад І.6.3.

<html>

<head>

<title>Приклад використання карти зображень</title>

</head>

</map>

</center>

</body>

</html>