Skip to main content

How To Use map Tag In HTML5 How To Defines a client side image map


HTML (map) Tag

Definition and Usage

The (map) tag is used to define an image map. An image map is an image with clickable areas.

The required name attribute of the (map) element is associated with the (IMG)'s usemap attribute and creates a relationship between the image and the map.

The (map) element contains a number of (area) elements that defines the clickable areas in the image map.




Example

An image map, with clickable areas:

<img src="workplace.jpg" 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>


Labels:
Location: MUS Group Of IT Chak No 236/RB Sultania Colony Via Fish Form, Satayana Rd, Malkhan Wala, Faisalabad, Punjab 38000, Pakistan

Comments

Post a Comment

Popular posts from this blog

How To Use noframes Tag In HTML 5 Not supported in HTML 5

HTML <noframes> Tag Not Supported in HTML5. The <noframes> tag was used in HTML 4 to act as a fallback tag for browsers that did not support frames. What to Use Instead? Example Use the  <iframe>  tag to embed another document within the current HTML document: < iframe  src ="https://mus-group-of-it.business.site/" >< /iframe >
Post a Comment
Read more

How To Use noscript Tag In HTML 5 How To Defines an alternate content

HTML <noscript> Tag Definition and Usage The <noscript> tag defines an alternate content to be displayed to users that have disabled scripts in their browser or have a browser that doesn't support the script. The <noscript> element can be used in both <head> and <body>. When used inside <head>, the <noscript> element could only contain <link>, <style>, and <meta> elements. Example Use of the <noscript> tag: <script> document.write("Hello World!") </script> <noscript> Your browser does not support JavaScript! </noscript>
Post a Comment
Read more

How To Use meter Tag In HTML 5 | How To Defines a scalar measurement

HTML <meter> Tag Definition and Usage The <meter> tag defines a scalar measurement within a known range, or a fractional value. This is also known as a gauge. Examples: Disk usage, the relevance of a query result, etc. Note: The <meter> tag should not be used to indicate progress (as in a progress bar). For progress bars, use the <progress> tag. Tip: Always add the <label> tag for best accessibility practices!   Example Use the meter element to measure data within a given range (a gauge):   < label  for ="disk_c"> Disk usage C: < /label > < meter  id ="disk_c"  value ="2"  min ="0"  max ="10"> 2 out of 10 < /meter >< br > < label  for ="disk_d"> Disk usage D: < /label > < meter  id ="disk_d"  value ="0.6"> 60% < /meter >
Post a Comment
Read more