Complete-web-devlopment/Image_mapping.html at master · shivanshunigam01/Complete-web-devlopment · 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
27
28
29
30
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>IMAGE MAPPING IN HTML</title>
</head>

<body>
  <h1>My image is here!</h1>
  <img src="D:\Complete web devlopment\patrick-ward-z_dLXnQg0JY-unsplash.jpg" alt="Workplace" usemap="#workmap" height="500">

  <map name="workmap">
    <area shape="rect" coords="1389,628,4460,2764" alt="Computer"
      href="https://www.apple.com/in/mac/?afid=p238%7CsryFQ76G1-dc_mtid_20925t3b67065_pcrid_645614137381_pgrid_145396533316_&cid=wwa-in-kwgo-mac-slid----Learn+more-"
      target="_blank">


    <area shape="rect" coords="815,2444,1235,3172" alt="Phone"
      href="https://www.apple.com/in/iphone-14/?afid=p238%7CsnQfPXhSm-dc_mtid_209254ho67063_pcrid_621810182619_pgrid_143832155471_pexid__&cid=wwa-in-kwgo-iphone-slid---iPhone14-avail- "target="_blank">


    <area shape="cir
    " coords="" href="" alt="">
  </map>
</body>

</html>