WebTechLab/Image_mapping.html at main · AntoSherly/WebTechLab · 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
31
32
33
34
35
36
37
38
39
40
<!DOCTYPE html>
<html>
<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>Books</title>
</head>
<body width="100%">
    <p>click on the particular movie to know more </p>
    <img src="<!DOCTYPE html>
    <html>
    <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>Books</title>
    </head>
    <body width="100%">
        <p>click on the particular movie to know more </p>
        <img src="<!DOCTYPE html>
        <html>
        <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>Books</title>
        </head>
        <body width="100%">
            <p>click on the particular book to know more </p>
            <img src="https://i.ebayimg.com/images/g/4~oAAOSwAJdjIJI2/s-l1200.jpg"usemap="#books" alt="Ana Huang Books">
            <map name="books">
            <area shape="rectangle" coords="268,160,600,681" alt="Twisted Love" href="https://www.google.com/search?q=twisted+love&source=lmns&bih=968&biw=1800&hl=en&sa=X&ved=2ahUKEwjZjO7h---AAxWxpukKHbOuAFQQ0pQJKAB6BAgBEAI" target="_blank">
            <area shape="rectangle" coords="598,165,938,681" alt="Twisted Games" href="https://www.google.com/search?q=twisted+games&sca_esv=559020407&bih=968&biw=1800&hl=en&ei=7IHkZPnLGpXXseMPoIWNyA4&ved=0ahUKEwj58ef7---AAxWVa2wGHaBCA-kQ4dUDCA8&uact=5&oq=twisted+games&gs_lp=Egxnd3Mtd2l6LXNlcnAiDXR3aXN0ZWQgZ2FtZXMyChAuGLEDGIoFGEMyBRAAGIAEMgUQABiABDIFEAAYgAQyBRAAGIAEMgUQABiABDIFEAAYgAQyBRAAGIAEMgUQABiABDILEAAYgAQYsQMYgwEyGRAuGLEDGIoFGEMYlwUY3AQY3gQY4ATYAQFIoxlQoAdYyhZwAXgBkAEAmAGfAaAB8QWqAQMwLjW4AQPIAQD4AQHCAgoQABhHGNYEGLADwgIHEAAYgAQYCsICCxAAGIoFGLEDGIMB4gMEGAAgQYgGAZAGCLoGBggBEAEYFA&sclient=gws-wiz-serp" target="_blank">
            <area shape="rectangle" coords="271,576,607,1102" alt="Twisted Hate" href="https://www.google.com/search?q=twisted+hate&sca_esv=559020407&bih=968&biw=1800&hl=en&ei=84HkZO6nDc_vseMPj4GwoAE&ved=0ahUKEwiu7YX_---AAxXPd2wGHY8ADBQQ4dUDCA8&uact=5&oq=twisted+hate&gs_lp=Egxnd3Mtd2l6LXNlcnAiDHR3aXN0ZWQgaGF0ZTIOEC4YgwEYsQMYigUYkQIyCBAAGIoFGJECMggQABiKBRiRAjIIEAAYigUYkQIyBRAAGIAEMgUQABiABDIFEAAYgAQyBRAAGIAEMgUQABiABDIFEAAYgAQyHRAuGIMBGLEDGIoFGJECGJcFGNwEGN4EGOAE2AEDSPEcUPcFWOIWcAF4AZABAJgBbqAB3gaqAQM2LjO4AQPIAQD4AQHCAgoQABhHGNYEGLADwgIKEAAYigUYsAMYQ8ICDhAAGOQCGNYEGLAD2AEBwgIQEC4YigUYyAMYsAMYQ9gBAsICBxAuGIoFGEPCAgcQABiKBRhDwgIWEC4YigUYQxiXBRjcBBjeBBjgBNgBA8ICCxAuGIMBGLEDGIAEwgILEC4YgAQYsQMYgwHCAggQLhiABBixA8ICCxAAGIAEGLEDGIMB4gMEGAAgQYgGAZAGE7oGBggBEAEYCboGBggCEAEYCLoGBggDEAEYFA&sclient=gws-wiz-serp" target="_parent">
            <area shape="rectangle" coords="607,582,947,1102" alt="Twisted Lies" href="https://www.google.com/search?q=twisted+lies&oq=twisted+lies&gs_lcrp=EgZjaHJvbWUqBwgAEAAYjwIyBwgAEAAYjwIyCggBEC4YsQMYgAQyBwgCEAAYgAQyBwgDEAAYgAQyBwgEEAAYgAQyBwgFEAAYgAQyBwgGEAAYgAQyBwgHEAAYgAQyBwgIEAAYgAQyBwgJEAAYgATSAQgzMjk0ajBqOagCALACAA&sourceid=chrome&ie=UTF-8" target="_parent">
        </map>
        </body>
        </html>