index.html

<!DOCTYPE html>
<html>
    <head>
        <title>TN Map - With Hotmaps</title> 
        <link rel="stylesheet" href="Module 1.css">
        <script src="module1.js"></script>
    </head>
    <body>
        <h1>Tamil Nadu Map</h1>
        <h3>Click On Places to View Informations</h3>
        <img src="tamil-nadu-district-map.jpg" usemap="#image_map">
        <map name="image_map">
            <area alt="Chennai" title="Chennai" href="https://en.wikipedia.org/wiki/Chennai" coords="715,108,734,143" shape="rect" target="_blank" onclick="printName('Chennai')">
            <area alt="Madurai" title="Madurai" href="https://en.wikipedia.org/wiki/Madurai" coords="300,613,401,681" shape="rect" target="_blank" onclick="printName('Madurai')">
            <area alt="Villupuram" title="Villupuram" href="https://en.wikipedia.org/wiki/Viluppuram" coords="475,285,671,351" shape="rect" target="_blank" onclick="printName('Villupuram')">
            <area alt="Coimbatore" title="Coimbatore" href="https://en.wikipedia.org/wiki/Coimbatore" coords="134,426,204,594" shape="rect" target="_blank" onclick="printName('Coimbatore')">
        </map>
    </body>
</html>