Image Map Tag In HTML - .OnlineGuruji

.OnlineGuruji

Provides E-Notes,Video Tutorials And Download Links For Students In hindi

*********************************************************

*********************************************************
********************************************************************************

Breaking

Ramchandicollege Saraipali

Technology Jobs

OnlineGuru Blog मे आपका स्वागत है ब्लॉग से संबन्धित जानकारी के लिए संपर्क करें मो ॰ नम ।-9826026747(सपन कुमार दास) अपने विषय से संबन्धित अपडेट प्राप्त करने के लिए ब्लॉग पे दिये गए Bell Icon को press करें कम्प्युटर,Science,English Grammer से संबन्धित विषय की अधिक जानकारी के लिए हमारे ब्लॉग अथवा यू ट्यूब चैनल को सब्क्राइब करे ..

Wednesday, May 27, 2020

Image Map Tag In HTML

Question :- What is image map tag ? Explain

Answer :-

What is IMAGE Map tag

Image Map को Navigational Tool के रूप में use किया जाता है अर्थात् जैसे ही कोई User Image   पर Click करता है तो वह स्वतः ही किसी अन्य संबंधित page पर पहुॅच जाता है । दूसरे शब्दों में कह सकते  है कि Image Map किसी Image के अंदर ही Image को Show कराने में  help provide कराता है । html मे map tag का use image  को map  करने के लिए किया जाता है | इसमें दंउम  name attribute  काuse image tag  मे किया जाता है ताकि image  का किया हुआ मैपिंग आसानी से use  किया जा सके |

Image Map Attribute :-

Area tagHTML  मे Area Tag  का use  image  को map  करने के लिए किया जाता है | और image के अन्दर जितना बार ares tag  का use  किया जायेगा उतना बार हमारा image map होगा यानी जितना बार हम area tag  का use  करेंगे उतना बार हमारे image  के ऊपर link  बनेगी |

Shape Attribute

shape attribute  का use link का shape बनाने के लिए किया जाया है यानी हमारे link का shape कैसा होगा इसे हम shape attribute  के अन्दर define  करते है

यह दो प्रकार के होते है -

1.Circle- इस value का use circle draw करने के लिए किया जाता है यानी हमारा link  circle के shape मे draw होगा |

2.Rect- इस value का use  rectangular draw करने के लिए किया जाता है यानी हमारा link rectangular  के shape मे draw होगा |

 

Coords Attribute

इस attribute के अन्दर mapping किये हुए image का value देते है और इसे हम coordinate भी कहते है | हर coordinate के बाद हमे एक (,) से सेप्रेट करना पड़ता है | ms paint के  द्वारा उस Value को Define कर सकते है ।

href attribute

इस attribute का use file का path देने के लिए किया जाता है यानी link पर click होने के बाद कौन सा page open  होगा इसे हम href के अन्दर define करते है |

CODING :-

<html>

<body>

<img usemap="#gkmap"src="cgmap.png"border="3">

<MAP name ="gkmap">

<AREA shape="circle" coords="270,280,10" href="msdmap.jpg">

<AREA shape="circle" coords="298,281,10" href="raipurmap.jpg">

<AREA shape="circle" coords="287,276,10" href="bilaspurmap.png">

</MAP> </body> </html>









Mahasamund Section पर Click करने से उसका Output इस प्रकार से आयेगा -






No comments:

Post a Comment