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>
Mahasamund
Section पर Click करने से उसका Output
इस प्रकार से
आयेगा -
No comments:
Post a Comment