Tools, FAQ, Tutorials:
Client-Side Image Maps in HTML
What Is a Client-Side Image Map?
✍: FYIcenter.com
A client-side image map is an image defined with the "ismap" attribute
and the "usemap" attribute. When a client-side image map is clicked in a browser window,
the browser will take mouse coordinates and map them to a predefined image map entry,
to retrieve a target URL. The browser will then redirects to that URL.
Here are the rules about "ismap" and "usemap" attributes:
Here is a tutorial example of how to define a client-side image map:
<?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> <head> <title>Client-Side Image Map</title> </head> <body> <h4>Inline Images</h4> <p style="background-color: #eeeeee; padding: 8px;"> This is a client-side image map test. Click this image <img src="/moonrise.jpg"" alt="Moonrise" width="69" height="91" ismap="ismap" usemap="#mymap"/> to see what happens. Use browser back button to come back.</p> </body> </html>
If you save the above document as client_image_map.html, and view it with
Internet Explorer, you will see an image. You can click it. But nothing will happen,
because there is no map entries defined.
Â
⇒HTML Inline Images and Image Maps
⇒⇒HTML Tutorials
2017-03-22, 1181👍, 0💬
Popular Posts:
How To Control Vertical Alignment? By default, text in all table cells are aligned to the top vertic...
Where to find tutorials on EPUB file format? I want to know how to create EPUB books. Here is a larg...
How to search for the first match of a regular expression using re.search()? The re.search() functio...
How To Pad an Array with the Same Value Multiple Times in PHP? If you want to add the same value mul...
What is EPUB 2.0 Metadata "dc:creator" and "dc:contributor" elements? EPUB 2.0 Metadata "dc:creator"...