Horje

How to create an image map, with clickable regions. Each region is a hyperlink

See the example

index.html
Example: HTML 
<img src="https://horje.com/uploads/demo/2024-02-03-15-39-40-screenshot_2024-02-03_at_21-36-38_workplace.jpg_(jpeg_image_400_%C3%97_379_pixels).png" alt="Workplace" usemap="#workmap" width="400" height="379">

<map name="workmap">
  <area shape="rect" coords="34,44,270,350" alt="Computer" href="https://horje.com/learn/684/what-is-html-img-tag">
  <area shape="rect" coords="290,172,333,250" alt="Phone" href="https://horje.com/learn/684/what-is-html-img-tag">
  <area shape="circle" coords="337,300,44" alt="Cup of coffee" href="coffee.htm">
</map>

Output should be:

How to create an image map, with clickable regions. Each region is a hyperlink


Type:
 html
Category:
 Web Tutorial
Sub Category:
 HTML Tag
Uploaded by:
 Admin


 

Horje