HTML shape Attribute

Example

<img src="img/desk.jpg" usemap="#image-map">

<map name="image-map">
    <area target="_blank" alt="Computer" title="Computer" href="img/computer.png" coords="365,99,905,783" shape="rect">
    <area target="_blank" alt="Cup" title="Cup" href="img/cup.png" coords="1047,672,97" shape="circle">
    <area target="_blank" alt="Mobile" title="Mobile" href="img/mobile.png" coords="960,385,1040,541" shape="rect">
    <area target="_blank" alt="Book" title="Book" href="img/book.png" coords="175,426,96,527,20,664,232,755,298,628,364,505" shape="poly">
</map>

Try this code ❯

Meaning

The shape attribute defines the shape of the associated hot spot.

Standard Syntax

<element shape="default|rect|circle|poly">

Applies to:

The shape attribute can be used on the following element:

Element	Attribute
<area>	shape

Attribute Values

Value	Description
default	Defines the entire region
rect	Defines a rectangular region
circle	Defines a circular region
poly	Defines a polygonal region