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