html tutorial - ismap Attribute in HTML - html5 - html code - html form




Ismap attribute in html

Learn html - html tutorial - Ismap attribute in html - html examples - html programs

  • The ismap attribute is used to specify the image is a part of server-side image-map.
  • The ismap attribute used to send the co-ordinates to the server, when the user click the server-side image-map.
  • The ismap is a boolean attribute.

Syntax for ismap attribute in HTML:

<img ismap>

Applies To:

Element Attribute
<img> ismap

Sample Coding for ismap Attribute in HTML:

<!DOCTYPE html>
<html>
    <head>
        <title>Wikitechy ismap Attribute</title>
    </head>
    <body>
        <p>Click the image, and the click coordinates will be sent to the                             
        server as a URL query string.</p>
        <a href="ismap_att.html">
        <img src="logo.png" alt="Wikitechy.com" width="120" height="140" ismap>
        </a>
    </body>
</html>

Code Explanation for ismap Attribute in HTML:

ismap Attribute Code Explanation

  1. The <a> tag is used link to link current page to “ismap_att.html” page.
  2. The <img> tag is used to display the logo.png image with alt, width and height attributes.
  3. ismap attribute used to send the “logo.png” image co-ordinates to the server.

Output for ismap Attribute in HTML:

ismap Attribute Output

  1. The output shows wikitechy logo image when the page loads.
  2. ismap Attribute Output
  3. If user click the image that shows the click coordinates as 78, 73 in URL query string.

Browser Support for ismap Attribute in HTML:

Yes Yes Yes Yes Yes

Tips and Notes

  • The ismap attribute is allowed only if the <img> element is a child of an <a> element with a valid href attributes.

Related Searches to ismap Attribute in html

Adblocker detected! Please consider reading this notice.

We've detected that you are using AdBlock Plus or some other adblocking software which is preventing the page from fully loading.

We don't have any banner, Flash, animation, obnoxious sound, or popup ad. We do not implement these annoying types of ads!

We need money to operate the site, and almost all of it comes from our online advertising.

Please add wikitechy.com to your ad blocking whitelist or disable your adblocking software.

×