What is an image map?
-
What is an image map?
-
What is an image map?
-
What is an image map?
In HTML and XHTML, an image map is a list of coordinates relating to a specific image, created in order to hyperlink areas of the image to different destinations (as opposed to a normal image link, in which the entire area of the image links to a single destination). For example, a map of the world may have each country hyperlinked to further information about that country. The intention of an image map is to provide an easy way of linking various parts of an image without dividing the image into separate image files.
Bastard Programmer from Hell :suss: If you can't read my code, try converting it here[^] "If you just follow the bacon Eddy, wherever it leads you, then you won't have to think about politics." -- Some Bell.
-
What is an image map?
Image Maps
The tag defines an image-map. An image-map is an image with clickable areas.How Does it Work?
The idea behind an image map is that you should be able to perform different actions depending on where in the image you click. To create an image map you need an image, and a map containing some rules that describe the clickable areas.The Image
The image is inserted using the tag. The only difference from other images is that you must add a usemap attribute:
The usemap value starts with a hash tag # followed by the name of the image map, and is used to create a relationship between the image and the image map.
The Map
Then add a element.The element is used to create an image map, and is linked to the image by using the name attribute:
The name attribute must have the same value as the usemap attribute.
The Areas
Then add the clickable areas.A clickable area is defined using an element.
Shape
You must define the shape of the area, and you can choose one of these values:rect - defines a rectangular region
circle - defines a circular region
poly - defines a polygonal region
default - defines the entire regionHope it helps you upvote if you like!