इमेज मैप क्या है?
इमेज मैप एक ऐसी तकनीक है जिससे एक ही इमेज के अलग-अलग हिस्सों पर क्लिक करके अलग-अलग लिंक्स पर जाया जा सकता है। जैसे किसी इमेज में बॉक्स पर क्लिक करने से एक वेबसाइट खुले और त्रिकोण पर क्लिक करने से दूसरी।
<area> टैग के मुख्य एट्रिब्यूट्स
| क्र.सं. | एट्रिब्यूट और विवरण |
|---|---|
| 1 | alt क्षेत्र के लिए वैकल्पिक टेक्स्ट |
| 2 | coords क्षेत्र के निर्देशांक |
| 3 | download क्लिक करने पर टारगेट डाउनलोड होगा |
| 4 | shape क्षेत्र का आकार (rect, circle, poly) |
| 5 | target URL कहां खुलेगा (_blank, _self, आदि) |
उदाहरण
<!DOCTYPE html> <html>
<head>
<title>HTML area Tag</title>
</head>
<body>
<img src="/images/usemap.gif" alt="usemap" usemap="#lessons"/>
<map name="lessons">
<area shape="poly" coords="74,0,113,29,98,72,52,72,38,27" href="/perl/index.htm" alt="Perl Tutorial" target="_blank" />
<area shape="rect" coords="22,83,126,125" alt="HTML Tutorial" href="/html/index.htm" target="_blank" />
<area shape="circle" coords="73,168,32" alt="PHP Tutorial" href="/php/index.htm" target="_blank" />
</map>
</body>
</html>