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

HTML में किसी छवि में क्लिक करने योग्य क्षेत्र कैसे बनाएं?


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

<क्षेत्र> टैग एक छवि के अंदर एक क्षेत्र को परिभाषित करता है-और एक टैग के अंदर घोंसला। निम्नलिखित विशेषताएं हैं:

Sr.No
<वें शैली ="चौड़ाई:85.6841%;">विशेषता और विवरण
1
alt
क्षेत्र के लिए वैकल्पिक पाठ
2
कोर्ड्स
क्षेत्र के लिए निर्देशांक
3
डाउनलोड करें
हाइपरलिंक पर क्लिक करने पर लक्ष्य डाउनलोड हो जाएगा
4
आकृति
क्षेत्र का आकार
5
लक्ष्य
यूआरएल कहां खुलेगा

HTML में किसी छवि में क्लिक करने योग्य क्षेत्र कैसे बनाएं?

उदाहरण

आप HTML में किसी छवि में क्लिक करने योग्य क्षेत्र बनाने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं

  <शीर्षक>HTML क्षेत्र टैग   HTML में किसी छवि में क्लिक करने योग्य क्षेत्र कैसे बनाएं?  <मानचित्र का नाम ="पाठ"> <क्षेत्र आकार ="पाली" निर्देशांक ="74,0,113,29,98,72,52,72,38,27" href ="/perl/index.htm" alt ="पर्ल ट्यूटोरियल" लक्ष्य ="_blank" /> <क्षेत्र आकार ="रेक्ट" निर्देशांक ="22,83,126,125" alt ="HTML ट्यूटोरियल" href ="/html/index.htm" लक्ष्य ="_blank" /> <क्षेत्र आकार ="सर्कल" कोर्ड्स ="73,168,32" alt ="PHP ट्यूटोरियल" href ="/php/index.htm" लक्ष्य ="_blank" /> 
  

आउटपुट

HTML में किसी छवि में क्लिक करने योग्य क्षेत्र कैसे बनाएं?


  1. HTML में लिंक के रूप में इमेज का उपयोग कैसे करें?

    HTML में एक लिंक के रूप में छवि का उपयोग करने के लिए, टैग के साथ-साथ href विशेषता वाले टैग का उपयोग करें। टैग वेब पेज में इमेज का उपयोग करने के लिए है और टैग लिंक जोड़ने के लिए है। छवि टैग src विशेषता के अंतर्गत, छवि का URL जोड़ें। इसके साथ ही ऊंचाई और चौड़ाई भी जोड़ें। उदाहरण HTML में लिंक के

  1. HTML के साथ एक ग्रंथ सूची कैसे बनाएं?

    ग्रंथ सूची एक ऐसा खंड है जहां संदर्भित पुस्तकों की सूची का उल्लेख किया जाता है। HTML के साथ, आप आसानी से एक ग्रंथ सूची बना सकते हैं। उसके लिए, हम पुस्तकों को सूचीबद्ध करने के लिए टैग का उपयोग करेंगे और साथ ही काम का शीर्षक जोड़ने के लिए का उपयोग करेंगे। टैग का उपयोग कार्य शीर्षक को गीत, पेंटिंग,

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

    मल्टी-लाइन टेक्स्ट इनपुट बनाने के लिए, HTML टैग का उपयोग करें। आप कॉलम और पंक्तियों की विशेषताओं का उपयोग करके टेक्स्ट क्षेत्र का आकार निर्धारित कर सकते हैं। इसका उपयोग एक फॉर्म के भीतर किया जाता है, ताकि उपयोगकर्ता कई पंक्तियों में टेक्स्ट इनपुट कर सकें। यहां टैग की विशेषताएं दी गई हैं - विशेषता