Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

HTML में इमेज मैप से क्लिक करने योग्य क्षेत्र कैसे बनाएं?


इमेज मैप क्या है?

इमेज मैप एक ऐसी तकनीक है जिससे एक ही इमेज के अलग-अलग हिस्सों पर क्लिक करके अलग-अलग लिंक्स पर जाया जा सकता है। जैसे किसी इमेज में बॉक्स पर क्लिक करने से एक वेबसाइट खुले और त्रिकोण पर क्लिक करने से दूसरी।

<area> टैग के मुख्य एट्रिब्यूट्स

क्र.सं.एट्रिब्यूट और विवरण
1alt
क्षेत्र के लिए वैकल्पिक टेक्स्ट
2coords
क्षेत्र के निर्देशांक
3download
क्लिक करने पर टारगेट डाउनलोड होगा
4shape
क्षेत्र का आकार (rect, circle, poly)
5target
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>
  1. HTML में इमेज को लिंक की तरह कैसे उपयोग करें? HTML में इमेज को लिंक की तरह कैसे उपयोग करें?

    <img> को <a> के अंदर रखें इमेज को लिंक बनाने के लिए <img> टैग को <a> टैग के अंदर रखें जिसमें href एट्रिब्यूट हो। src में इमेज URL, width/height में आकार दें। उदाहरण <!DOCTYPE html> <html> <head> <title>HTML Image as link</title> </head>

  1. HTML में बिब्लियोग्राफी (ग्रंथ सूची) कैसे बनाएं? HTML में बिब्लियोग्राफी (ग्रंथ सूची) कैसे बनाएं?

    <ol> और <cite> टैग्स का उपयोग बिब्लियोग्राफी (संदर्भ ग्रंथ सूची) बनाने के लिए <ol> से क्रमांकित सूची और <cite> से पुस्तक/कृति का शीर्षक मार्क करें। उदाहरण <!DOCTYPE html> <html> <head> <title>Bibliography</title> </head> <body>

  1. HTML में मल्टी-लाइन टेक्स्ट इनपुट (टेक्स्ट एरिया) कैसे बनाएं? HTML में मल्टी-लाइन टेक्स्ट इनपुट (टेक्स्ट एरिया) कैसे बनाएं?

    मल्टी-लाइन टेक्स्ट इनपुट बनाने के लिए, HTML <textarea> टैग का उपयोग करें। आप cols और rows एट्रिब्यूट्स का उपयोग करके टेक्स्ट एरिया का आकार सेट कर सकते हैं। इसका उपयोग फॉर्म के भीतर किया जाता है, ताकि उपयोगकर्ता कई पंक्तियों में टेक्स्ट इनपुट कर सकें।<textarea> टैग के एट्रिब्यूट्सएट्रिब्य