The HTML Elements reference

"map" - html element

  • This element specifies a client-side image map that may be associated with another elements like: IMG, OBJECT, or INPUT.
  • Starttag <map> is Required and endtag </map> is Required
  • It's required NAME attribute is used as an anchor for the USEMAP attribute of the 'img' , 'object' , or 'input' element.
  • Browsers that support the map - element : Internet Explorer Mozilla Firefox Opera Google Chrome Apple Safari
Element "map" example:
<html>
  <body>
    <img src="images/TheSun.png" 
         alt="The Sun image" title="The Sun image"
         usemap="#sunmap" />
    <map name="sunmap">
      <area id="sun" shape="circle"
            coords="182,117,57" alt="The Sun" 
            onclick="alert('You click on the Sun');"/></map>
   <p>Coordinates:
      <script type="text/javascript">
        document.write(document.getElementById("sun").coords);
      </script>
      Which is :<br/>
      left: 182px; (to the center of the sun)<br/>
      top: 117px;  (to the center of the sun)<br/>
      radius: 57px;
    </p>

  </body>
</html>


Attributes:
class , dir , id , lang , name (required), style , title

Attribute "class" value(s): A list of style class names that must be separated by white space characters.
  • This attribute assigns a style class name or set of style class names to an element. Any number of elements may be assigned the same class name or names.
  • You will find more about this in the CSS learning on this site.



© 2010 by Finnesand Data. All rights reserved.
This site aims to provide FREE programming training and technics.
Finnesand Data as site owner gives no warranty for the correctness in the pages or source codes.
The risk of using this web-site pages or any program codes from this website is entirely at the individual user.