HTML map Tag

HTML map Tag is used to define Image maps. Image maps are simple images but with clickable areas. HTML map Tag is used with area tag to define these clickable areas.

Syntax of HTML map Tag

The Syntax of HTML map Tag is shown below, It has both starting tag and ending tag.

<map>
</map>

Usage of HTML map Tag

HTML map Tag is used to create an image map. Image maps have clickable areas defined on an image. These clickable areas act like links.

HTML map Tag is used with area tag which define the clickable areas.

HTML img Tag is used to define an image which is converted into image map using map tag and area tag.

The usemap attribute of img tag and name attribute of map tag must have same value which makes a relationship between the image and map element.

Example of HTML map Tag

Simple example of HTML map Tag is given below.

<img usemap="#car" src="car.jpg" alt="car" width="800" height="500">

<map name="car">
  <area alt="Door" shape="rect" coords="30,65,400,310" href="door.html">
  <area alt="Car Tire" shape="circle" coords="311,270,50" href="tire.html">
</map>  

In above example we have used img tag, map tag and area tag to define a clickable image map of a car.

The shape attribute is used to define the shape of clickable area.

The coords attribute is used to define the coordinates of clickable area.

href attribute defines the clickable area destination url.

Browser Support for HTML map Tag

HTML map Tag is supported by all major browsers which include Chrome, Opera, Firefox, Edge, Internet Explorer and Safari.

Global Attributes Support in HTML map Tag

The HTML map Tag supports all Global Attributes.

Event Attributes Support in HTML map Tag

The HTML map Tag supports all Event Attributes.

HTML anchor Tag HTML abbr Tag HTML acronym Tag HTML address Tag HTML applet Tag HTML area Tag HTML article Tag HTML aside Tag HTML audio Tag HTML b Tag HTML base Tag HTML basefont Tag HTML bdi Tag HTML bdo Tag HTML big Tag HTML blockquote Tag HTML body Tag HTML br Tag HTML Button Tag HTML Canvas Tag HTML Caption Tag HTML Center Tag HTML Cite Tag HTML Code Tag HTML Col Tag HTML colgroup Tag HTML comment Tag HTML data Tag HTML datalist Tag HTML dd Tag HTML del Tag HTML details Tag HTML dfn Tag HTML dialog Tag HTML dir Tag HTML div Tag HTML dl Tag HTML Doctype Tag HTML dt Tag HTML em Tag HTML embed Tag HTML fieldset Tag HTML figcaption Tag HTML figure Tag HTML font Tag HTML footer Tag HTML form Tag HTML frame Tag HTML frameset Tag HTML Heading Tags HTML head Tag HTML header Tag HTML hr Tag HTML html Tag HTML i Tag HTML iframe Tag HTML img Tag HTML input Tag HTML ins Tag HTML kbd Tag HTML label Tag HTML legend Tag HTML li Tag HTML link Tag HTML main Tag HTML map Tag HTML mark Tag HTML meta Tag HTML meter Tag HTML nav Tag HTML noframes Tag HTML noscript Tag HTML object Tag HTML ol Tag HTML optgroup Tag HTML option Tag HTML output Tag HTML p Tag