Creating and Using Image Maps : Image map : Images HTML CSS TUTORIALS


HTML CSS TUTORIALS » Images » Image map »

 

Creating and Using Image Maps


 

<?xml version = "1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns = "http://www.w3.org/1999/xhtml">
   <body>
      <map id = "picture">
         <area href = "form.html" shape = "rect" coords = "2,123,54,143" alt = "Go to the feedback form" />
         <area shape = "poly" alt = "E-mail the Deitels" coords = "162,25,154,39,158,54,169,51,183,39,161,26" href = "mailto:d@d.com" />
         <area href = "mailto:d@d.com" shape = "circle" coords = "100,36,33" alt = "" />
      </map>
      <img src = "http://www.navioo.com/style/logo.png" width = "200" height = "144" alt = "logo" usemap = "#picture" />
   </body>
</html>

 



HTML code for linking to this page:

Follow Navioo On Twitter

HTML CSS TUTORIALS

 Navioo Images
» Image map