<map> | Тег HTML - Справочник HTML + HTML5 | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Пятница, 09.12.2016
Главная » Справочник HTML » Изображения


ОбъектыБлочные элементы
ТаблицыСтрочные элементы
СимволыФорматирование
ДокументыИзображения
ЗвукФормы
СпискиУстаревшие теги
ФреймыСкрипты



Адаптивный сайт - aTmpl


<map> | Тег HTML

Тег <map> устанавливает изображение карту




Тег <map>  предназначен для установки изображения карты на страницу.Под картой подразумевается изображение с интерактивными областями и отмеченными на ней координатами для ссылок на интерактивные областя.Сами выделенные областя с координатами устанавливаются в теге <area>,их может быть не ограниченное количество.Само изображение определяется в теге <img>,оба тега <area> и <img> находятся внутри тега <map>.Поддерживает глобальные атрибуты,а так же атрибуты событий в HTML5




Тег работает в браузерах





Атрибуты тега <map>

Атрибут name

Это обязательный атрибут, он указывает имя для карты-изображения и ассоциируется с атрибутом usemap тега <img>,создавая связь между изображением и картой

Пример применения тега


<!DOCTYPE html>
<html>
<head>
<title>Тэг map</title>
</head>
<body>
<div align="center">
<figure>
<img src ="/html/img/map-area.jpg" width="428"
height="656" alt="1234" usemap ="#1234">
<map name="1234">
<area shape="rect" coords="0,0,200,200" href="/html/demo/map-area-gus.html" alt="1">
<area shape="rect" coords="0,228,200,428" href="/html/demo/map-area-lebed.html" alt="2">
<area shape="rect" coords="0,456,200,656" href="/html/demo/map-area-induk.html" alt="3">
<area shape="rect" coords="228,0,428,200" href="/html/demo/map-area-green.html" alt="4">
</map>
</figure>
</div>
</body>
</html>

Пример в действии





Русские шрифты





Категория: Изображения | Добавил: IZOTOP (16.06.2012) | Автор: Меренков Михаил W
Просмотров: 762 | Теги: карта изображение, картинка с координатами | Рейтинг: 0.0/0

Вопросов / Советов / Предложений - относящихся к материалу: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]