Monday, March 25, 2019

29 Image Map Solar System



The code

<!DOCTYPE html>
<html>
<body>
<img src="solar_system_menu.jpg" usemap="#image-map">
<map name="image-map">
<area target="" alt="Mercury" title="Mercury" href="https://space-facts.com/mercury/" coords="205,219,23" shape="circle">
<area target="" alt="Venus" title="Venus" href="https://space-facts.com/venus/" coords="235,266,24" shape="circle">
<area target="" alt="Earth" title="Earth" href="https://space-facts.com/earth/" coords="316,210,28" shape="circle">
<area target="" alt="Mars" title="Mars" href="https://space-facts.com/mars/" coords="380,298,346,261" shape="rect">
<area target="" alt="Jupiter" title="Jupiter" href="https://space-facts.com/jupiter/" coords="486,259,48" shape="circle">
<area target="" alt="Saturn" title="Saturn" href="https://space-facts.com/saturn/" coords="554,151,55" shape="circle">
<area target="" alt="Uranus" title="Uranus" href="https://space-facts.com/uranus/" coords="656,284,31" shape="circle">
<area target="" alt="Neptune" title="Neptune" href="https://space-facts.com/neptune/" coords="755,185,30" shape="circle">
<area target="" alt="Pluto" title="Pluto" href="https://space-facts.com/pluto/" coords="789,73,13" shape="circle">
<area target="" alt="Asteroids" title="Asteroids" href="https://en.wikipedia.org/wiki/Asteroid" coords="389,110,361,147,440,212" shape="poly">
<area target="" alt="Comets" title="Comets" href="https://en.wikipedia.org/wiki/Comet" coords="312,72,291,89" shape="rect">
<area target="" alt="The Sun" title="The Sun" href="https://en.wikipedia.org/wiki/Sun" coords="0,136,175" shape="circle">
</map>
</body>
</html>

No comments:

Post a Comment