Атрибут shape
Описание
Определяет форму «горячей области», координаты которой задаются с помощью атрибута coords.
Синтаксис
<area shape='circle | default | poly | rect'>Подробности
| Значение | Описание |
| circle | Область в виде круга. |
| default | Область по умолчанию (прямоугольная). |
| poly | Полигональная область произвольной формы. |
| rect | Прямоугольная область. |
Пример
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<map name="html5-css3">
<area shape="rect" coords="0,0,150,162" href="#html" alt="html" onclick="alert(`html`)">
<area shape="rect" coords="150,0,300,162" href="#css" alt="css" onclick="alert(`css`)">
</map>
<img width="300" src="https://mfs.gki-webik.ru/s?path=/images/example/html-css.jpg" alt="" usemap="#html5-css3">
</body>
</html>Читайте также
Тег <main>
Выделяет основное содержание сайта. Семантический тег....
Тег <aside>
Представляет раздел страницы, который можно рассматривать отдельно от документа. Чаще всего элемент содержит рекламные блоки, цитаты, метки или ссылки...
Тег <link>
Устанавливает связь между внешним документом и файлом, обычно это css или шрифты.
Располагается в head....
Тег <dialog>
Создает диалоговое окно, в которой может находиться, к примеру, текст.
Элементы form могут интегрироваться с окном с пом...