कैसे पिक्चर में एक लिंक एड करें (Picture mein ek link add karen)

आर्टिकल डाउनलोड करें

आर्टिकल डाउनलोड करें

इस आर्टिकल में:

HTML कोड लिखना

HTML कोड को समझना

रिलेटेड आर्टिकल्स

स्रोत और उद्धरण

HTML कोड की एक लाइन से, आप किसी भी वेबसाइट पर क्लिक की जाने वाली इमेज एड कर सकते हैं। इसके काम करने के लिए आपको दो चीजों की जरूरत होगी। आपको एक इमेज की URL चाहिए होगी, और एक वेबसाइट की URL चाहिए होगी।

चरण

विधि 1

विधि 1 का 2:

HTML कोड लिखना

आर्टिकल डाउनलोड करें

1. 
   1
   एक HTML फाइल बनाएँ: एक टेक्स्ट एडिटर ओपन करें, और फिर एक नई फ़ाइल बनाएँ। फ़ाइल को index.html के रूप में सेव करें।

   • आप किसी भी टेक्स्ट एडिटर, यहाँ तक कि विंडोज के नोटपेड (Notepad), या मैक टेक्स्टएडिट (TextEdit) दिए गए सिस्टम टेक्स्ट एडिटर को भी यूज कर सकते हैं।

   • अगर आप HTML के लिए बने टेक्स्ट एडिटर को यूज करने चाहते हैं, तो विंडोज, मैक OS X, और लिनक्स ऑपरेटिंग सिस्टम पर काम करने वाले एटम (Atom) टेक्स्ट एडिटर को डाउनलोड करने के लिए यहाँ क्लिक करें।

   • अगर आप टेक्स्टएडिट को यूज कर रहे हैं, तो HTML फाइल लिखना शुरू करने से पहले, फॉर्मेट मेनू को क्लिक करें, और फिर मेक प्लेन टेक्स्ट को क्लिक करें। यह सेटिंग सुनिश्चित करेगी कि आपकी HTML फाइल वेब ब्राउज़र में सही से लोड हो जाती है।

   • वर्ड प्रोसेसर, जैसे कि माइक्रोसॉफ्ट वर्ड, HTML फाइल लिखने के लिए अच्छे नहीं होते हैं, क्योंकि वे इनविजिबल करैक्टर और फॉर्मेटिंग एड कर देते हैं, जो HTML फाइल को तोड़ सकते हैं, जिससे वह वेब ब्राउज़र में सही से डिस्प्ले नहीं होगी।
2. 
   2
   स्टैंडर्ड HTML कोड को कॉपी और पेस्ट करें: HTML कोड को सेलेक्ट और कॉपी करें, फिर उसे अपनी index.html फाइल में पेस्ट कर दें।
   

   <a href="DESTINATION URL"><img src="IMAGE URL" /></a>
3. 
   3
   एक इमेज की URL खोजें: इंटरनेट पर एक इमेज खोजें, इमेज को राइट-क्लिक करें, और फिर अपने ब्राउज़र के अनुसार, कॉपी इमेज URL, कॉपी इमेज एड्रेस, या कॉपी इमेज लोकेशन को क्लिक करें।

   • फायरफॉक्स और इंटरनेट एक्स्प्लोरर कॉपी इमेज लोकेशन को यूज करते हैं। क्रोम कॉपी इमेज URL को यूज करता है। सफारी कॉपी इमेज एड्रेस को यूज करता है।
4. 
   4
   इमेज URL को एड करें: index.html फाइल में, IMAGE URL को सेलेक्ट करने के लिए अपने माउस से क्लिक और ड्रैग करें, और फिर इमेज URL को पेस्ट करने के लिए CTRL + V दबाएँ।
5. 
   5
   डेस्टिनेशन URL एड करें: index.html फाइल में, DESTINATION URL को डिलीट करें, और फिर https://www.google.com टाइप कर दें।

   • आप किसी भी URL को यूज कर सकते हैं, जो आप डेस्टिनेशन URL चाहते हैं।
6. 
   6
   HTML फाइल को सेव करें।
7. 
   7
   HTML फाइल को एक वेब ब्राउज़र में ओपन करें: index.html फाइल को राइट-क्लिक करें, और उसे अपनी पसंद के किसी वेबब्राउज़र में ओपन करें।

   • ब्राउज़र ओपन होने पर, अगर आपको इमेज नहीं दिखती है, तो सुनिश्चित करें कि index.html टेक्स्ट एडिटर विंडो में इमेज फाइल का नाम सही लिखा हुआ है।

   • ब्राउज़र ओपन होने पर, अगर आपको बैकग्राउंड इमेज की बजाय HTML कोड दिखता है, तो आपकी index.html फाइल रिच टेक्स्ट डॉक्यूमेंट के रूप में सेव हो गई थी। आप HTML फाइल को दूसरे टेक्स्ट एडिटर में एडिट करना ट्राई करना चाह सकते हैं।

विधि 2

विधि 2 का 2:

HTML कोड को समझना

आर्टिकल डाउनलोड करें

1. 
   1
   एंकर टैग को समझें: HTML कोड ओपन और क्लोज टैग का बना होता है। <a href=""> टैग ओपन टैग है, और </a> क्लोज टैग है। इसे एंकर टैग कहते हैं और वेब पेज में लिंक एड करने के लिए यूज किया जाता है।

   • <a टैग एक ब्राउज़र को लिंक को समझने के लिए कहता है। href HTML रिफरेन्स का शॉर्ट है, = ब्राउज़र को " " के बीच के सबकुछ को लेने और उसे लिंक बनाने के लिए कहता है। दो कोटेशन मार्क के बीच में कोई भी लिंक आ सकती है।
   • </a> ब्राउज़र को बताता है कि एंकर टैग क्लोज है।
   • जब आप <a href=""> और </a> के बीच टेक्स्ट एड करते हैं, तो वह वेब पेज पर टेक्स्ट को क्लिक की जाने वाली लिंक बना देगा। उदाहरण के लिए, <a href="https://www.google.com">Google</a> गूगल की लिंक बना देगा।
2. 
   2
   इमेज टैग को समझें: <img> टैग खुद ही एक क्लोजिंग टैग है। आप उसे <img src="" /> या <img src=""></img> लिखकर क्लोज कर सकते हैं।

   • <img टैग एक ब्राउज़र को इमेज को समझने के लिए कहता है। src सोर्स का शॉर्ट है, = ब्राउज़र को " " के बीच सबकुछ को लेने और उस लोकेशन से इमेज लाने के लिए कहता है।
   • /> ब्राउज़र को इमेज टैग को बंद करने के लिए कहता है।
   • उदाहरण के लिए, {{samp[|<img src="https://www.google.com/images/srpr/logo11w.png" />}} उस URL पर इमेज को लाएगा, और फिर उसे वेब ब्राउज़र में डिस्प्ले कर देगा।
3. 
   3
   इस कोड को कहीं भी यूज करें: अब आप इस कोड को जानते हैं, तो आप HTML कोड समझने वाले किसी भी वेबपेज में क्लिक की जाने वाली इमेज एड करने के लिए <a href="DESTINATION URL"><img src="IMAGE URL" /></a> को यूज कर सकते हैं।