write this on the writing side
Create a webpage named imagemap. html with an inserted image having jpeg, png or gif extension. Create 3 different shapes (like rectangle, circle and polygon) which do not overlap. Note the co-ordinates making use of Ms-Paint/GIMP/IrfanView/Pinta. Each shape should be mapped or navigate with a different URL that should navigate to a local webpage.
imagemap.html
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<img src="F:\e_book\HSC.png" usemap="#myimmg">
<map name="myimmg">
<area shape="rect" coords="26,45,173,163"
href="audio.html">
<area shape="circle" coords="350,106,100"
href="audio1.html">
<area shape="poly"
coords="166,371,333,459,164,459" href="myself.html">
</map>
</body>
</html>audio.html
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<audio controls loop="-1">
<source src="songs.mp3" type="audio/mpeg">
</audio>
</body>
</html>audio1.html
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<audio controls autoplay>
<source src="songd.ogg" type="audio/ogg">
<source src="songs.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</body>
</html>myself.html
<html>
<head>
<title>My Self</title>
</head>
<body>
<h1>My Self</h1>
<p>Hello my name is Your Name and welcome to my third
page that is myself</p>
</body>
</html>
