Monday 30 May 2016

Create a web page with the following using HTML i. To embed an image of system in a webpage ii. To fix the hotspot with the rectangle, circle, and polygon areas iii. Show peripheral information when the respective hotspot is clicked


<html>
<title>Computer image</title>
<body>
<img src="comp.jpg" alt="Computer Components" border="0">
</body>
</html>



<html>
<title>Hotspot</title>
<body>
<img src="comp.jpg" alt="Computer Components" border="0" align="left-side" usemap="#computer">
<map name="computer">
<area shape="rect" coords="237,125,280,148" href="Moniter.html" target="_blank">
<area shape="rect" coords="72,144,111,172" href="printer.html" target="_blank">
<area shape="circle" coords="255,229,8" href="Keyboard.html" target="_blank">
<area shape="poly" coords="391,229,387,232,380,231,384,226" href="Mouse.html" target="_blank">
<area shape="circle" coords="339,170,9" href="Speakers.html" target="_blank">
<area shape="circle" coords="262,80,8" href="Webcam.html" target="_blank">
</map>
</body>
</html>



Bharat

Author & Editor

A mint of creativity Design, Development, Marketing.Crafting visually stunning memorable experiences for web and interfaces.Design solutions for any media, are web designer

0 comments:

Post a Comment