How to use < img > tag with usemap attribute in HTML ? with Example

How to use < img > tag with usemap attribute in HTML ? with Example


The usemap attribute specifies an image as a client-side image map (an image map is an image with clickable areas).


The usemap attribute is associated with a <map> element's name attribute, and creates a relationship between the <img> and the <map>.


Note: The usemap attribute cannot be used if the <img> element is a descendant of an <a> or <button> element.


Example How we use usemap attribute with < img > tag in HTML

<html>

<body>

<h1>The map and area elements</h1>


<p>Click on the tech forum to go to a 

new page and read more about the particular topic:</p>


<img src="techforumimage.png" alt="Teh"

 usemap="#techforum" width="400" height="379">


<map name="techforum">

  <area shape="rect" coords="44,34,170,250" 

alt="Tech" href="tech.thinkforu.org">

 </map>

</body>

</html>

Comments

  1. Get greatest jackpot App city sport 우리카지노 experience in our new on-line casino app. JackpotCity Casino was launched all {the way|the greatest way|the way in which} back in 1998 and has since grown into one of the premier on-line casino playing giants. Good website design helps make the whole experience that much more|that instead more} gratifying. On a computer, that means intelligent layouts and cool graphics and on a cell, we want to see a neat app. There also must be broad range|a variety} of ways to deposit and withdraw so every one|that every one} players are catered for.

    ReplyDelete

Post a Comment

Last 7 Days

How to use autoplay and mute attribute with < video > tag in HTML for youtube ? with example

How to use referrerpolicy Attribute value (strict-origin ) with < iframe > tag in HTML ? with example

How to use the datalist tag in HTML?

Why TD is used in HTML?

How to use string in Solidity programming language ?

How to add Amazon website inside iframe?