• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>HTML Images</title>
7
</head>
8
​
9
<body>
10
​
11
    <h1>이미지 맵 만들기</h1>
12
    <img src="/examples/images/img_imagemap.jpg" alt="진실혹은거짓" usemap="#vending" style="width:320px; height:240px" />
13
    <map name="vending">
14
        <area  shape="rect" coords="90,60,180,130" alt="거짓" href="https://ko.wikipedia.org/wiki/%EA%B1%B0%EC%A7%93%EB%A7%90">
15
        <area  shape="rect" coords="210,200,70,130" alt="진실" href="https://ko.wikipedia.org/wiki/%EC%A7%84%EC%8B%A4">
16
    </map>
17
    <p>표지판을 눌러보세요!</p>
18
​
19
</body>
20
​
21
</html>