Tags Reference

HTML <area /> Tag

Defines an area inside an image-map

<html>
<body>

<p>Click on the colors of the flag:</p>

<img src="italy.gif" width="180px" height="120px" alt="Italy Flag" usemap="#flagmap" />

<map name="flagmap">
  <area shape="rect" coords="0,0,60,120" alt="Green" href="#green" />
  <area shape="rect" coords="60,0,120,120" alt="White" href="#white" />
  <area shape="rect" coords="120,0,180,120" alt="Red" href="#red" />
</map>

</body>
</html>

The coords attribute specifies the x and y coordinates of an area. The coords attribute is used together with the shape attribute to specify the size, shape, and placement of an area. The coordinates of the top-left corner of an area are 0,0.

<area /> Example

Click on the colors of the flag:

Tags HTML

Tutorial

References

HTML & CSS References
HTML References
HTML 5.0 References
CSS References
CSS 3 References
Browser Scripting Ref.
Javascript References
HTML DOM References
Server Scripting Ref.
PHP References

Tags Reference

HTML <area /> Tag

<area /> Example

Tags HTML

Tutorial

References

Other Tutorials

Links

About Us

Tools

Accounts