map и area – карта изображения Создание карты-изображения
• При помощи тега <map> вы можете создать карту-изображение. • Карта-изображение - это активная область на рисунке, являющаяся активной ссылкой. • Атрибут name элемента <map> связан с атрибутом usemap элемента <img>, так как создает связь между тегами <img> и <map>. • Тег <area> определяет активные области на картах-изображений.
Пример: • <html> • <body> <img src=‘’usa. jpg" width="104" height="96" usemap="#num 1"> • <map name="num 1"> • <area shape="rect" coords="3, 2, 55, 47" href=“ссылка" alt="kubik 1"> • </map> <p>Ссылка расположена на кубике 1, наведите курсор, чтобы убедиться</p> • </body> • </html>
Тэг area • Каждый элемент <AREA> определяет активные области изображения, которые являются ссылками. Рисунок с привязанными к нему активными областями в совокупности называется картой-изображением. Такая карта по внешнему виду ничем не отличается от обычного изображения, но при этом оно может быть разбито на невидимые зоны разной формы, где каждая из областей служит ссылкой. • Тег <AREA> задает форму области, ее координаты, устанавливает адрес документа, на который следует сделать ссылку, а также имя окна или фрейма, куда браузер будет загружать документ. Этот тег всегда располагается в контейнере <MAP>, который связывает координаты областей с изображением.
Параметры: alt - Альтернативный текст для области изображения. coords - Координаты активной области. href - Задает адрес документа, на который следует перейти. nohref - Область без ссылки на другой документ. shape - Форма области. target - Имя окна или фрейма, куда браузер будет загружать документ.
Параметр SHAPE: • Набор координат определяется формой «горячей области» , которая задается параметром shape. • Отсчет координат обычно ведется от левого верхнего угла изображения и указывается в пикселах. <area shape="circle | poly | rect"> Значение по умолчанию rect
Для прямоугольника (shape="rect") определяется четыре координаты — X 1, Y 1, X 2, Y 2, как показано на рисунке
• Для окружности (shape="circle") определяется три координаты — координаты центра окружности (X, Y) и ее радиус (R), как показано на рисунке
• Для полигона (многоугольника) (shape="poly") последовательно указываются координаты каждой вершины (X 1, Y 1, X 2, Y 2, : ), как показано на рисунке
Скачать презентацию map и area карта изображения Создание карты-изображения
MAP карта изображения.pptx