एक तस्वीर के लिए एक लिंक कैसे जोड़ें

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

कदम

2 का विधि 1:
HTML कोड लिखना
  1. छवि 769114 1 शीर्षक
1. एक HTML फ़ाइल बनाएं. एक टेक्स्ट एडिटर खोलें, और फिर एक नई फाइल बनाएं. सूचकांक के रूप में फ़ाइल को सहेजें.एचटीएमएल.
    • आप इच्छित किसी भी टेक्स्ट एडिटर का उपयोग कर सकते हैं, यहां तक ​​कि विंडोज, नोटपैड, और मैक ओएस एक्स, टेक्स्ट एडिट द्वारा प्रदान किए गए सिस्टम टेक्स्ट एडिटर्स भी.
    • यदि आप HTML के साथ काम करने के लिए एक टेक्स्ट एडिटर का उपयोग करना चाहते हैं, यहाँ क्लिक करें एटम डाउनलोड करने के लिए, एक टेक्स्ट एडिटर जो विंडोज, मैक ओएस एक्स, और लिनक्स ऑपरेटिंग सिस्टम पर काम करता है.
    • यदि आप HTML फ़ाइल लिखने से पहले TextEdit का उपयोग कर रहे हैं, तो प्रारूप मेनू पर क्लिक करें, और उसके बाद सादा टेक्स्ट बनाएं क्लिक करें. यह सेटिंग सुनिश्चित करेगी कि HTML फ़ाइल किसी वेब ब्राउज़र में ठीक से लोड हो जाएगी.
    • माइक्रोसॉफ्ट वर्ड जैसे वर्ड प्रोसेसर, एचटीएमएल लिखने के लिए बहुत अच्छे नहीं हैं, क्योंकि वे अदृश्य वर्ण और स्वरूपण जोड़ते हैं जो एक HTML फ़ाइल को तोड़ सकते हैं ताकि यह किसी वेब ब्राउज़र में सही ढंग से प्रदर्शित न हो.
  • छवि 769114 2 शीर्षक
    2. मानक HTML कोड कॉपी और पेस्ट करें. नीचे दिए गए HTML कोड का चयन करें और कॉपी करें, और फिर इसे अपने ओपन इंडेक्स में पेस्ट करें.एचटीएमएल फाइल.
    <एक href ="गंतव्य यू र ल">
  • छवि 769114 3 शीर्षक
    3. एक छवि का URL खोजें. इंटरनेट पर एक छवि खोजें, छवि पर राइट-क्लिक करें, और उसके बाद, अपने ब्राउज़र के आधार पर, छवि यूआरएल कॉपी करें पर क्लिक करें, छवि पता कॉपी करें, या छवि स्थान कॉपी करें.
      • फ़ायरफ़ॉक्स और इंटरनेट एक्सप्लोरर कॉपी छवि स्थान का उपयोग करें. क्रोम प्रतिलिपि छवि यूआरएल का उपयोग करता है. सफारी प्रतिलिपि छवि पते का उपयोग करता है.
  • छवि 769114 4 शीर्षक
    4. छवि यूआरएल जोड़ें. सूचकांक में.HTML फ़ाइल, माउस के साथ छवि यूआरएल का चयन करने के लिए क्लिक करें और खींचें, और फिर छवि यूआरएल पेस्ट करने के लिए CTRL + V दबाएं.
  • छवि 769114 5 शीर्षक
    5. गंतव्य URL जोड़ें. सूचकांक में.एचटीएमएल फ़ाइल, गंतव्य यूआरएल हटाएं, और फिर टाइप करें https: // गूगल.कॉम.
      • आप गंतव्य URL के लिए इच्छित किसी भी यूआरएल का उपयोग कर सकते हैं.
  • छवि 769114 6 शीर्षक
    6. HTML फ़ाइल को सहेजें.
  • छवि 769114 7 शीर्षक
    7. एक वेब ब्राउज़र में HTML फ़ाइल खोलें. सूचकांक पर राइट-क्लिक करें.एचटीएमएल फ़ाइल, और फिर इसे अपनी पसंद के वेब ब्राउज़र में खोलें.
      • जब ब्राउज़र खुलता है, यदि आप छवि नहीं देखते हैं, तो सुनिश्चित करें कि इंडेक्स में छवि फ़ाइल का नाम सही ढंग से लिखा गया है.एचटीएमएल पाठ संपादक विंडो.
      • जब ब्राउज़र खुलता है, यदि आप पृष्ठभूमि छवि के बजाय HTML कोड देखते हैं, तो आपकी अनुक्रमणिका.HTML फ़ाइल को एक समृद्ध पाठ दस्तावेज़ के रूप में सहेजा गया था. आप एक अलग पाठ संपादक में HTML फ़ाइल को संपादित करने का प्रयास करना चाह सकते हैं.
  • 2 का विधि 2:
    HTML कोड को समझना
    1. छवि 769114 8 शीर्षक
    1. एंकर टैग को समझें. HTML कोड खुले और बंद टैग से बना है. टैग खुला टैग है, और बंद टैग है. इसे एक एंकर टैग कहा जाता है और वेब पेज के लिंक जोड़ने के लिए उपयोग किया जाता है.
    • एक ब्राउज़र को एक लिंक प्रस्तुत करने के लिए बताता है. हरेफ HTML संदर्भ के लिए छोटा है, = ब्राउज़र को सब कुछ लेने के लिए कहता है " " और इसे एक लिंक बनाओ. कोई भी यूआरएल दो उद्धरण चिह्नों के बीच जा सकता है.
    • एक ब्राउज़र बताता है कि एंकर टैग बंद है.
    • जब आप पाठ जोड़ते हैं और यह उस पाठ को वेब पेज पर एक क्लिक करने योग्य लिंक देगा. उदाहरण के लिए, गूगल Google के लिए एक लिंक तैयार करेगा.
  • छवि 769114 9 शीर्षक
    2. छवि टैग को समझें. टैग एक आत्म बंद टैग है. आप लिखकर लिखने वाले द्वारा इसे बंद कर सकते हैं .
  • टैग एक छवि को प्रस्तुत करने के लिए एक ब्राउज़र को बताता है. एसआरसी स्रोत के लिए छोटा है, = ब्राउज़र को सब कुछ लेने के लिए कहता है " " और उस स्थान से छवि प्राप्त करें.
  • /> एक ब्राउज़र को छवि टैग को बंद करने के लिए कहता है.
  • उदाहरण के लिए, {} उस यूआरएल पर छवि प्राप्त करेगा, और फिर इसे एक वेब ब्राउज़र में प्रदर्शित करेगा.
  • छवि 769114 10 शीर्षक
    3. कहीं भी इस कोड का उपयोग करें. अब जब आप इस कोड को जानते हैं, तो आप किसी भी वेबपृष्ठ पर क्लिक करने योग्य छवियों को जोड़ने के लिए उपयोग कर सकते हैं जो HTML कोड प्रस्तुत कर सकता है.
  • टिप्स

    सामाजिक नेटवर्क पर साझा करें:
    समान