How to add An image map, with clickable areas
Click on the computer, the phone, or the cup of coffee to go to a new page and read more about the topic:
index.html
Example:
HTML
<img src="https://horje.com/avatar.png" alt="Workplace" usemap="#workmap" width="400" height="379">
<map name="workmap">
<area shape="rect" coords="34,44,270,350" alt="Computer" href="computer.htm">
<area shape="rect" coords="290,172,333,250" alt="Phone" href="phone.htm">
<area shape="circle" coords="337,300,44" alt="Cup of coffee" href="coffee.htm">
</map>
Output should be:
| How to add The href attribute specifies the link's destination | HTML Attribute |
| How to add An image map, with clickable areas | HTML Attribute |
| How to add Specify a base URL for all relative URLs on a page | HTML Attribute |
| How to add Link to an external stylesheet | HTML Attribute |
Type: | Html |
Category: | Web Tutorial |
Sub Category: | HTML Attribute |
Uploaded by: | Admin |