html tutorial - ismap Attribute in HTML - html5 - html code - html form
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:
- The <a> tag is used link to link current page to “ismap_att.html” page.
- The <img> tag is used to display the logo.png image with alt, width and height attributes.
- ismap attribute used to send the “logo.png” image co-ordinates to the server.
Output for ismap Attribute in HTML:
- The output shows wikitechy logo image when the page loads.
- 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.