Code and Output for area:

Code:

    <!DOCTYPE html>
    <html>
    <head>
      <title>HTML Example</title>
    </head>
    <body>
    <h1>The map and area elements</h1>
    <p>Click on the computer, the phone, or the cup of coffee to go to a new page and read more about the topic:</p>
    <img src="computer.jpg" alt="Workplace" usemap="#workmap" width="400" height="379">
    >map name="workmap">
    <area shape="rect" coords="34,44,270,350" alt="Computer" href="computer.htm">
    <area shape="rect" coords="290,172,333,250" alt="Phone" href="phone.htm">
    <area shape="circle" coords="337,300,44" alt="Cup of coffee" href="coffee.htm">
   </map>
  </body>
  </html>
  

Output:

The map and area elements

Click on the computer, the phone, or the cup of coffee to go to a new page and read more about the topic:

Workplace Computer Phone Cup of coffee