Image Map
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.
Two types are-
1) Server side image map
2) Client Side image map
Tags used are -
1) <img> - > It is used to insert image on the web pages.
2)<map> -> It specifies name of the image used for client side image map.
3) <area> -> It defines the clickable region.
an example of Image Map
Coding -<!DOCTYPE HTML><html><head><title>image map</title></head><body><h1>an example of Image Map</h1><img src="C:\Users\kesen\OneDrive\Pictures\th (2).jpg"usemap="#flowers" alt="Image of flowers"><map name="flowers"><area href="https://www.google.com" shape="rect" coords="82,34,204,105" alt="googlesite"/><area href="great__wall_china.html" shape="circle" coords="47,146,36" alt="great wall of china"/></map></body></html>
Output -
No comments:
Post a Comment