<!DOCTYPE html> <html lang="en"> <head> <title>Working with Image Maps</title> </head> <body> <h2>Image Maps</h2> <p>Click on the computer, the phone, or the cup of coffee to go to a new page from wikipedia and read more about the topic:</p> <img src="examples/resources/img-computer.png" alt="A computer on the table" usemap="#workmap" width="400" height="379" /> <map name="workmap"> <area shape="rect" coords="34,44,270,350" alt="Computer" href="https://en.wikipedia.org/wiki/Computer" /> <area shape="rect" coords="290,172,333,250" alt="Phone" href="http://en.wikipedia.org/wiki/Phone" /> <area shape="circle" coords="337,300,44" alt="Cup of coffee" href="https://en.wikipedia.org/wiki/Coffee" /> </map> </body>