Horje

How to add An image map, with clickable areas, and a target attribute - HTML target Attribute

Area Example. The area target attribute. Click on the sun or on one of the planets to watch it closer.
index.html
Example: HTML
<!DOCTYPE html>
<html>
<body>

<h1>The area target attribute</h1>

<p>Click on the sun or on one of the planets to watch it closer:</p>

<img src="https://horje.com/avatar.png" width="145" height="126" alt="Planets" usemap="#planetmap">

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm" target="_blank">
  <area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm">
  <area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm">
</map>

</body>
</html>

Output should be:

How to add An image map, with clickable areas, and a target attribute - HTML target Attribute




Type:
html
Category:
Web Tutorial
Sub Category:
HTML Attribute
Uploaded by:
Admin