Show Output
<!DOCTYPE html> <html lang="en"> <head> <title>Example of HTML image map</title> </head> <body> <h1>Click on a shape to see how it works:</h1> <img src="/examples/images/shapes.png" alt="Geometrical Shapes" usemap="#shapes"> <map name="shapes"> <area shape="circle" coords="40,40,40" href="/examples/html/circle.html" alt="Circle"> <area shape="poly" coords="148,2,104,80,193,80" href="/examples/html/triangle.html" alt="Triangle"> <area shape="rect" coords="226,2,323,80" href="/examples/html/rectangle.html" alt="Rectangle"> <area shape="poly" coords="392,2,352,32,366,80,418,80,432,32" href="/examples/html/pentagon.html" alt="Pentagon"> </map> </body> </html>
