HTML video tutorial – 45 – html image map

HTML Image map :
How to create more than one hyperlinks on an image?
How to create more than one hyper areas on an image?
How to create more than one hot spots on an image?

html map tag: is a paired tag, used to create a map for an image.
attributes:
name = “name of the map used by img tag”

area tag: is an unpaired tag, it is a child tag of map tag.
attributes:
shape=”rect/circle/poly”
coords=”x,y,x+width,y+height” / “centerx,centery,radius”
href=”file to navigate”

img tag: is an unpaired tag.
attributes:
src=”source image file path”
usemap=”#name of map tag”

Note: don’t forget use of # symbol and don’t change the size of image.
You can change the position of image.

========================================================

Follow the link for next video: https://youtu.be/3VZiqUj_9z8

Follow the link for previous video: https://youtu.be/XGmPSB2TscY

========= For more benefits & Be up to date ===================
Subscribe to the channel:
https://www.youtube.com/chidrestechtu…

Like the Facebook fan page:
https://www.facebook.com/ManjunathChidre

Visit to Chidre’s Tech Tutorials website:
http://www.chidrestechtutorials.com

========== HTML Questions & Answers ======================

========================================================

source