एक छवि को लिंक कैसे जोड़ें
एचटीएमएल की सिर्फ एक पंक्ति के साथ, आप उस छवि को जोड़ सकते हैं जिस पर आप किसी भी साइट पर क्लिक कर सकते हैं। इस पद्धति का पालन करने के लिए आपको केवल सूचना के दो टुकड़े की आवश्यकता होगी - छवि का यूआरएल और वेबसाइट का यूआरएल।
कदम
विधि 1
HTML कोड लिखें1
एक HTML फ़ाइल बनाएं एक पाठ संपादक खोलें और एक नई फ़ाइल बनाएं। फ़ाइल को index.html के रूप में सहेजें
• आप अपने पसंदीदा पाठ संपादक का उपयोग डिफ़ॉल्ट विंडोज संपादक, नोटपैड, और मैक ओएस एक्स, टेक्स्टएडिट सहित कर सकते हैं।
• यदि आप विशेष रूप से HTML के उपयोग के लिए एक पाठ संपादक का उपयोग करना चाहते हैं, यहां क्लिक करें एटम डाउनलोड करने के लिए, एक प्रोग्राम विंडोज, मैक ओएस एक्स और लिनक्स के लिए उपलब्ध है।
• यदि आपने TextEdit का उपयोग करने का निर्णय लिया है, तो HTML फ़ाइल लिखना शुरू करने से पहले, स्वरूप मेनू पर क्लिक करें, और फिर केवल पाठ पर क्लिक करें। यह सेटिंग यह सुनिश्चित करेगी कि वेब ब्राउज़र पर HTML फ़ाइल ठीक से लोड हो गई है।
• वर्ड प्रसंस्करण प्रोग्राम, जैसे कि माइक्रोसॉफ्ट वर्ड, एचटीएमएल को लिखने के लिए उपयुक्त नहीं हैं, क्योंकि वे अदृश्य अक्षर और स्वरूपण जोड़ते हैं जो एक वेब ब्राउज़र में देखे जाने पर समस्याएं पैदा कर सकते हैं।
2
मानक HTML कोड कॉपी और पेस्ट करें निम्न कोड का चयन करें और प्रतिलिपि करें, फिर उसे खोलें index.html फ़ाइल में पेस्ट करें।
3
एक छवि का URL ढूंढें इंटरनेट पर एक छवि खोजें, उस पर राइट-क्लिक करें, फिर, अपने ब्राउज़र के अनुसार, प्रतिलिपि छवि URL पर क्लिक करें, छवि पता कॉपी करें या छवि स्थिति कॉपी करें पर क्लिक करें।
• फ़ायरफ़ॉक्स और इंटरनेट एक्सप्लोरर पर, आपको प्रतिलिपि छवि स्थिति मिलेगी। क्रोम पर प्रतिलिपि छवि URL। सफ़ारी पर, छवि का पता कॉपी करें।
4
छवि URL जोड़ें Index.html फ़ाइल में, माउस के साथ IMAGE यूआरएल चुनने के लिए क्लिक करें और खींचें, फिर छवि यूआरएल पेस्ट करने के लिए CTRL + V दबाएं।
5
गंतव्य URL जोड़ें Index.html फ़ाइल में, URL DESTINATION हटाएं, फिर टाइप करें https://google.com.
• आप जिस URL को गंतव्य URL के रूप में पसंद करते हैं उसे दर्ज कर सकते हैं।
6
HTML फ़ाइल सहेजें
7
वेब ब्राउज़र में HTML फ़ाइल खोलें Index.html फ़ाइल पर राइट-क्लिक करें, फिर इसे अपने पसंदीदा वेब ब्राउज़र से खोलें
• जब आप ब्राउज़र को खोलते हैं, यदि आप छवि नहीं देखते हैं, सुनिश्चित करें कि छवि फ़ाइल का नाम index.html फ़ाइल में ठीक तरह से लिखा गया है।
• जब आप ब्राउज़र खोलते हैं, यदि आप छवि के बजाय एचटीएमएल पढ़ सकते हैं, तो आपने अपनी index.html फाइल को रिच टेक्स्ट डॉक्यूमेंट फॉर्मेट में सहेजा है। एक अलग पाठ संपादक के साथ HTML फ़ाइल को संपादित करने का प्रयास करें
विधि 2
HTML कोड को समझना1
एंकर टैग जानने के लिए जानें एचटीएमएल कोड में उद्घाटन और समापन टैग शामिल होते हैं। टैग उद्घाटन टैग है, ई समापन टैग इसे एक एंकर टैग कहा जाता है और वेब पेजों के लिए लिंक जोड़ने के लिए उपयोग किया जाता है।
- टैग एक लिंक बनाने के लिए ब्राउज़र को बताता है भाग href एचटीएमएल संदर्भ (एचटीएमएल संदर्भ) का संक्षिप्त नाम है, और= ब्राउज़र को सभी पाठ को बीच में ले जाने के लिए कहता है " " और एक लिंक उत्पन्न करते हैं आप यूआरएल दर्ज कर सकते हैं जिसे आप उद्धरण में पसंद करते हैं।
- टैग लंगर टैग को बंद करने के लिए ब्राउज़र को बताता है
- जब आप बीच में पाठ जोड़ते हैं वह पाठ एक लिंक के रूप में दिखाई देगा, जिस पर आप एक वेब पेज पर क्लिक कर सकते हैं। उदाहरण के लिए, गूगल Google पेज पर एक लिंक बनायेगा
2
छवि टैग का उपयोग करना सीखें टैग
यह स्वयं समापन है, यानी यह एक संबंधित समापन टैग की आवश्यकता नहीं है। आप इसे लिखकर या बंद कर सकते हैं
3
जहाँ भी आप चाहें इस कोड का उपयोग करें अब जब आप कोड को जानते हैं, तो आप इसका उपयोग कर सकते हैं एचटीएमएल कोड प्रदर्शित कर सकते हैं कि किसी भी वेब पेज पर क्लिक करने के लिए छवियों को जोड़ने के लिए
सामाजिक नेटवर्क पर साझा करें:
संबद्ध
PHP फ़ाइल कैसे खोलें
होम नेटवर्क पर माइस्पेस को कैसे ब्लॉक करें
वर्ड डॉक्यूमेंट को एचटीएमएल में कनवर्ट कैसे करें
किसी एमएस वर्ड दस्तावेज़ में एक आरटीएफ फ़ाइल को कैसे परिवर्तित करें
HTML में हाइपरलिंक कैसे बनाएं
नोटपैड का उपयोग करते हुए एक सरल सीएसएस स्टाइल शीट कैसे बनाएं
एक iGoogle गैजेट कैसे बनाएं
एमपी 3 फाइल के लिए डाउनलोड लिंक कैसे बनाएं
एक एचटीएमएल फॉर्म कैसे बनाएं जिसे एक ईमेल पता भेजा जा सकता है
एचटीएमएल कोड का प्रयोग करके आपकी वेबसाइट पर जावास्क्रिप्ट कैसे जोड़ें
हाइपरलिंक से संबंधित HTML में एक बटन कैसे बनाएं
डाउनलोड बटन कैसे बनाएं
HTML का उपयोग करते हुए एक टेक्स्ट बॉक्स कैसे बनाएं
जावास्क्रिप्ट में छवियों का रोलओवर कैसे बनाएं
कैसे एक HTML फ़ाइल को चलाने के लिए
एक वेब पेज पर संगीत डालने
अपनी वेबसाइट पर वर्ड डॉक्यूमेंट कैसे डालें
एचटीएमएल कोड का इस्तेमाल करते हुए एक छवि में एक लिंक कैसे डालें
अपनी वेबसाइट पर एक डाउनलोड करने योग्य फ़ाइल कैसे बनाएं
एचटीएमएल में एक सीएसएस फ़ाइल का उपयोग कैसे करें
सरल तरीके में HTML प्रारूप का उपयोग कैसे करें