HTML элемент area — Гиперссылка на картинке
. Все HTML элементы.
HTML элемент area: Пример кода
<h2>Пример 1: создание гиперссылки на картинке</h2>
Рассмотрим изображение, которое указывается как shapes.png.
Если мы хотим сделать часть областей интерактивными, это можно сделать следующим образом:
<p>
Выберите область:
<img src="https://placehold.it/520x160/ff9" usemap="#shapes"
alt="Доступны четыре формы: прямоугольник, круг, треугольник и четырехконечная звезда.">
<map name="shapes">
<area shape=rect coords="50,50,100,100">
<area shape=rect coords="25,25,125,125" href="red.html" alt="прямоугольник.">
<area shape=circle coords="200,75,50" href="green.html" alt="окружность.">
<area shape=poly coords="325,25,262,125,388,125" href="blue.html" alt="треугольник.">
<area shape=poly coords="450,25,435,60,400,75,435,90,450,125,465,90,500,75,465,60"
href="yellow.html" alt="звезда.">
</map>
</p>
HTML элемент area: атрибуты
globals |
alt |
coords |
shape |
href |
target |
download |
rel |
hreflang |
type |