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

Single Articles
How to create HTML <img> Tag HTML Tag
Which browser will support for HTML <img> Tag HTML Tag
Attributes for HTML <img> Tag HTML Tag
How to add Align image (with CSS) HTML Tag
How to Add image border (with CSS): HTML Tag
How to Add left and right margins to image (with CSS) HTML Tag
How to Add top and bottom margins to image (with CSS) HTML Tag
How to insert images from another folder or from another web site HTML Tag
How to add a hyperlink to an image HTML Tag
How to create an image map, with clickable regions. Each region is a hyperlink HTML Tag
How to set Default CSS Settings for HTML <img> Tag HTML Tag
How to add HTML <img> alt Attribute HTML Tag
How to add HTML <img> height Attribute HTML Tag
How to HTML <img> ismap Attribute HTML Tag
How to add HTML <img> loading Attribute HTML Tag
How to add HTML <img> longdesc Attribute HTML Tag
How to add HTML <img> referrerpolicy Attribute HTML Tag
How to add HTML <img> Size Attribute HTML Tag
How to add HTML <img> crossorigin Attribute HTML Tag
How to add HTML <img> src Attribute HTML Tag
How to add HTML <img> srcset Attribute HTML Tag
How to add HTML <img> usemap Attribute HTML Tag
How to add HTML <img> width Attribute HTML Tag


Related Articles
HTML <!--...--> Tag HTML Tag
HTML <!DOCTYPE> Declaration HTML Tag
HTML Elements and Doctypes HTML Tag
HTML <a> Tag HTML Tag
HTML <abbr> Tag HTML Tag
HTML <acronym> Tag HTML Tag
HTML <address> Tag HTML Tag
HTML <applet> Tag HTML Tag
HTML <area> Tag HTML Tag
HTML <article> Tag HTML Tag
HTML <aside> Tag HTML Tag
HTML <audio> Tag HTML Tag
HTML <b> Tag HTML Tag
HTML <base> Tag HTML Tag
HTML <basefont> Tag HTML Tag
HTML <bdi> Tag HTML Tag
HTML <bdo> Tag HTML Tag
HTML <big> Tag HTML Tag
HTML <blockquote> Tag HTML Tag
HTML <body> Tag HTML Tag
HTML <br> Tag HTML Tag
HTML <button> Tag HTML Tag
HTML <canvas> Tag HTML Tag
HTML <caption> Tag HTML Tag
HTML <center> Tag HTML Tag
HTML <cite> Tag HTML Tag
HTML <code> Tag HTML Tag
HTML <col> Tag HTML Tag
How to create HTML <colgroup> Tag HTML Tag
HTML <data> Tag HTML Tag
HTML <datalist> Tag HTML Tag
HTML <dd> Tag HTML Tag
HTML <del> Tag HTML Tag
HTML <details> Tag HTML Tag
HTML <dfn> Tag HTML Tag
HTML <dialog> Tag HTML Tag
HTML <dir> Tag HTML Tag
HTML <div> Tag HTML Tag
HTML <dl> Tag HTML Tag
HTML <dt> Tag HTML Tag
HTML <em> Tag HTML Tag
HTML <embed> Tag HTML Tag
HTML <fieldset> Tag HTML Tag
HTML <figcaption> Tag HTML Tag
HTML <figure> Tag HTML Tag
HTML <font> Tag HTML Tag
HTML <footer> Tag HTML Tag
HTML <form> Tag HTML Tag
HTML <frame> Tag HTML Tag
HTML <frameset> Tag HTML Tag
HTML <h1> to <h6> Tags HTML Tag
HTML <head> Tag HTML Tag
HTML <header> Tag HTML Tag
HTML <hgroup> Tag HTML Tag
HTML <hr> Tag HTML Tag
HTML <html> Tag HTML Tag
HTML <i> Tag HTML Tag
HTML <iframe> Tag HTML Tag
HTML <img> Tag HTML Tag
HTML <input> Tag HTML Tag
HTML <ins> Tag HTML Tag
HTML <kbd> Tag HTML Tag
HTML <label> Tag HTML Tag
HTML <legend> Tag HTML Tag
HTML <li> Tag HTML Tag
HTML <link> Tag HTML Tag
HTML <main> Tag HTML Tag
HTML <map> Tag HTML Tag
HTML <mark> Tag HTML Tag
HTML <menu> Tag HTML Tag
HTML <meta> Tag HTML Tag
HTML <meter> Tag HTML Tag
HTML <nav> Tag HTML Tag
HTML <noframes> Tag HTML Tag
HTML <noscript> Tag HTML Tag
HTML <object> Tag HTML Tag
HTML <ol> Tag HTML Tag
HTML <optgroup> Tag HTML Tag
HTML <option> Tag HTML Tag
HTML <output> Tag HTML Tag
HTML <p> Tag HTML Tag
HTML <param> Tag HTML Tag
HTML <picture> Tag HTML Tag
HTML <pre> Tag HTML Tag
HTML <progress> Tag HTML Tag
HTML <q> Tag HTML Tag
HTML <rp> Tag HTML Tag
HTML <rt> Tag HTML Tag
HTML <ruby> Tag HTML Tag
HTML <s> Tag HTML Tag
HTML <samp> Tag HTML Tag
HTML <script> Tag HTML Tag
HTML <search> Tag HTML Tag
HTML <section> Tag HTML Tag
HTML <select> Tag HTML Tag
HTML <small> Tag HTML Tag
HTML <source> Tag HTML Tag
HTML <span> Tag HTML Tag
HTML <strike> Tag HTML Tag
HTML <strong> Tag HTML Tag
HTML <style> Tag HTML Tag
HTML <sub> Tag HTML Tag
HTML <summary> Tag HTML Tag
HTML <sup> Tag HTML Tag
HTML <svg> Tag HTML Tag
HTML <table> Tag HTML Tag
HTML <tbody> Tag HTML Tag
HTML <td> Tag HTML Tag
HTML <template> Tag HTML Tag
HTML <textarea> Tag HTML Tag
HTML <tfoot> Tag HTML Tag
HTML <th> Tag HTML Tag
HTML <thead> Tag HTML Tag
HTML <time> Tag HTML Tag
HTML <title> Tag HTML Tag
HTML <tr> Tag HTML Tag
HTML <track> Tag HTML Tag
HTML <tt> Tag HTML Tag
HTML <u> Tag HTML Tag
HTML <ul> Tag HTML Tag
HTML <var> Tag HTML Tag
HTML <video> Tag HTML Tag
How to add HTML <wbr> Tag HTML Tag

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


 

Horje