HTML · Links and media

map

Defines a client-side image map with clickable regions.

htmlRunnable example html course

Syntax

<map name="…">…</map>

Example

Try it

<img src="https://picsum.photos/240/120" alt="Diagram" usemap="#regions" width="240" height="120">
<map name="regions">
  <area shape="rect" coords="0,0,120,120" href="#left" alt="Left panel">
</map>

Learn this in the course

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.

Open the course

map

Example

More in this group

Learn this in the course