How to define an area inside an image-map?
How to specify an alternate text for the area. Required if the href attribute is present?
How to specify the coordinates of the area?
How to specify that the target will be downloaded when a user clicks on the hyperlink?
How to specify the hyperlink target for the area?
How to specify the language of the target URL?
How to specify what media/device the target URL is optimized for?
How to specify the relationship between the current document and the target URL?
How to specify the shape the of the area?
How to specify where to open the target URL?
How to specify the media type of the target URL?
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Area</title>
</head>
<body>
<img src="https://www.w3resource.com/w3r_images/html-area-element.png" alt="area example " width="308" height="190" border="0" usemap="#Map">
<map name="Map">
<area shape="rect" coords="8,5,100,77" href="https://www.w3resource.com/mysql/mysql-tutorials.php" target="_blank" alt="mysql tutorial" rel="alternate" download="">
<area shape="circle" coords="155,93,59" href="https://www.w3resource.com/php/php-home.php" target="_blank" alt="php tutorial" rel="alternate" download="">
<area shape="rect" coords="197,136,306,188" href="https://www.w3resource.com/sql/sql-tutorials.php" alt="sql tutorials" rel="alternate" download="">
</map>
</body>
</html>