Skip to main content

Maps

Maps | HTML: Maps are well designed of information. They are easy to understand by viewers.
Here is the Maps.html:

  1. <!DOCTYPE html>
  2. <html lang="en" dir="ltr">
  3.   <head>
  4.     <style>
  5.       /* background image */
  6.       body {
  7.         background-image : url('images/people.jpg');
  8.         background-repeat: no-repeat;
  9.         background-size : cover;
  10.         background-attachment : fixed;
  11.       }
  12.     </style>
  13.     <title>Images in Html</title>
  14.   </head>
  15.   <body >
  16.     <!-- maps -->
  17.     <img src="images/covid19.jpg" alt="corona" usemap="#coronamap">
  18.     <map name="coronamap">
  19.       <area shape="circle" coords="389,180,125" href="https://en.wikipedia.org/wiki/Coronavirus" alt="corona virus">
  20.     </map>
  21.   </body>
  22. </html>

Web view of Html:



Here is the video:

Labels: