- What is Map tag in html Hindi
- HTML Map tag in Hindi
- How to use map tag in HTML
What is Map tag
html मे map tag का use image को map करने के लिए किया जाता है | image को map करने के लिए हम Microsoft paint का use कर सकते है जो normally हमारे windows के साथ मिल जाता है | और map tag का एक attribute भी होता है | जिसको name नाम से जानते है |
name attribute का use image tag के usemap attribute मे किया जाता है ताकि image का किया हुआ मैपिंग आसानी से use किया जा सके अब निचे दिये गये code को देखे |
<!DOCTYPE html> <html> <head> <title>Easy Hindi Tutorials</title> </head> <body> <img src="image.jpg" usemap="#map1"> <map name="map1"> </map> </body> </html>
Area tag
HTML मे Area tag का use image को map करने के लिए किया जाता है | और image के अन्दर जितना बार area tag का use किया जायेगा उतना बार हमारा image map होगा यानी जितना बार हम area tag का use करेंगे उतना बार हमारे image के ऊपर link बनेगी |
<!DOCTYPE html> <html> <head> <title>Easy Hindi Tutorials</title> </head> <body> <img src="image.jpg" usemap="#map1"> <map name="map1"> <area shape="rect" coords="value" href="path"> </map> </body> </html>
HTML मे Area tag के कुछ attribute भी है जिनका use अलग अलग कामो के लिए किया जाता है तो चलिए अब area attribute के बारे मे जानते है |
Shape Attribute
shape attribute का use link का shape बनाने के लिए किया जाया है यानी हमारे link का shape कैसा होगा इसे हम shape attribute के अन्दर define करते है और हमारे पास कुछ shape available है जिसे हम निचे दे रहे है |
Rect – इस value का use rectangular draw करने के लिए किया जाता है यानी हमारा link rectangular के shape मे draw होगा |
Circle – इस value का use circle draw करने के लिए किया जाता है यानी हमारा link circle के shape मे draw होगा |
Poly – इस value का use हम अपने according करते है यानी हमारा link कहा से कहा तक बनेगा इसे हम poly मे define करते है |
Coords Attribute
इस attribute के अन्दर mapping किये हुए image का value देते है और इसे हम coordinate भी कहते है | हर coordinate के बाद हमे एक ( , ) से सेप्रेट करना पड़ता है |
href attribute
इस attribute का use file का path देने के लिए किया जाता है यानी link पर click होने के बाद कौन सा page open होगा इसे हम href के अन्दर define करते है |
<!DOCTYPE html> <html> <head> <title>Easy Hindi Tutorials</title> </head> <body> <img src="image.jpg" usemap="#map1"> <map name="map1"> <area shape="rect" coords="123,23,32,143" href="https://www.google.com"> <area shape="circle" coords="100,200,100" href="https://www.google.com"> <area shape="poly" coords="100,200,100,100,200,100" href="https://www.google.com"> </map> </body> </html>
HTML Image Tag | HTML Blocks |
Previous | Next |
---|