Web-dev-Foundations/map.html at main · BhanuTeja9999/Web-dev-Foundations · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Image Map Example</title>
</head>
<body>

<h2>India Map - Click a state</h2>

<!-- Image with map link -->
<body>

<!-- Map definition -->

<!-- Image Map Generated by http://www.image-map.net/ -->
<img src="https://mundomapa.com/wp-content/uploads/Mapa-de-India-color_nombres-scaled-2048x2048.jpg" usemap="#image-map">

<map name="image-map">
    <area target="_blank" alt="AP" title="AP" href="https://en.wikipedia.org/wiki/Andhra_Pradesh" coords="712,1442,708,1502,701,1531,719,1558,752,1554,779,1563,795,1599,784,1614,820,1589,864,1594,885,1578,887,1560,887,1516,880,1491,880,1468,898,1444,911,1431,925,1431,943,1430,956,1421,970,1406,999,1395,1014,1368,1028,1350,1043,1343,1059,1336,1072,1317,1164,1254,1097,1299,846,1415,876,1375,938,1354,1007,1321,985,1310,1026,1285,1081,1245,1101,1245,994,1336,922,1372,1043,1298,1093,1267,1122,1269,1048,1308,1137,1252,1158,1234" shape="poly">
</map>
<p>Map tag.click on the AP</p>

</body>
</html>