लेखक:
Roger Morrison
निर्माण की तारीख:
19 सितंबर 2021
डेट अपडेट करें:
21 जून 2024
विषय
लिंक या हाइपरलिंक, जिसे आमतौर पर "लिंक" के रूप में संक्षिप्त किया जाता है, विशेष रूप से इंटरनेट और वेबसाइटों की रीढ़ हैं। लिंक उपयोगकर्ताओं को टेक्स्ट या छवि के एक टुकड़े पर क्लिक करने की अनुमति देते हैं, जो उन्हें किसी अन्य वेब पेज पर रीडायरेक्ट करेगा। यह उन्हें इंटरनेट का एक अविभाज्य हिस्सा बनाता है। अपनी वेबसाइट के हिस्से के रूप में एक लिंक बनाने के लिए बहुत कम HTML कोड की आवश्यकता होती है। यहां हम आपको दिखाते हैं कि कैसे।
कदम बढ़ाने के लिए
2 की विधि 1: एक सरल लिंक
टेक्स्ट बनाएं या उस छवि को रखें जिसे आप लिंक के रूप में उपयोग करना चाहते हैं। लिंक आपकी वेबसाइट के कोड को संपादित करते समय कुछ सरल HTML टैग के साथ बनाए जाते हैं। लेकिन पहले यह जानना जरूरी है कि आप टैग के अंदर क्या रखना चाहते हैं। यह पाठ, एक छवि या एक अन्य HTML तत्व हो सकता है, लेकिन यहां हम सिर्फ पाठ की एक पंक्ति का उपयोग करते हैं। 
पाठ के चारों ओर दो टैग रखें। हाइपरलिंक दो सरल टैग के साथ संकेत दिए गए हैं, एक कोड खोलने के लिए और एक इसे बंद करने के लिए। विशेषताओं के बिना यह वास्तव में अभी तक उपयोगी नहीं है, लेकिन हम इसके बारे में कुछ करने जा रहे हैं। - आपका लिंक इस तरह दिख सकता है: मेरी नई वेबसाइट पर जाने के लिए यहां क्लिक करें।
लिंक को लीड करने के लिए इंगित करने के लिए "href" विशेषता जोड़ें। "Href" विशेषता ब्राउज़र को बताती है कि लिंक को क्लिक करने पर उपयोगकर्ता को कहाँ निर्देशित करना है। इस विशेषता को एक समान चिह्न और उसके बाद उद्धरण चिह्नों में पते के द्वारा पीछा किया जाता है। - उपरोक्त उदाहरण अब इस तरह दिखना चाहिए: यहाँ क्लिक करें मेरी नई वेबसाइट पर जाने के लिए।
- ध्यान दें कि यदि लिंक का गंतव्य दूसरी वेबसाइट है, तो आपको पूर्ण url प्रदान करना होगा (यह आमतौर पर "http" से शुरू होता है)। यदि केवल पृष्ठ का नाम दिया गया है, तो यह माना जाता है कि यह वेबसाइट की निर्देशिका में खोजा जाएगा।
विधि 2 का 2: ईमेल और एंकर जोड़ना
एक छवि से एक लिंक बनाएँ। यह लिंक टैग के भीतर एक छवि टैग जोड़कर करना बहुत आसान है। आपको छवि के स्थान का पता (यानी आपके सर्वर या किसी अन्य व्यक्ति के स्थान पर) की आवश्यकता होगी। यहां एक उदाहरण है कि छवि लिंक क्या दिख सकता है: - a href = "the_url_of_the_image.html"> img src = "image.webp" /> / a>
"Mailto:" का उपयोग करके एक ईमेल लिंक बनाएं’ मसविदा बनाना। किसी विशिष्ट पते पर एक ईमेल बनाने के लिए एक लिंक बनाने के लिए, "mailto:" का उपयोग करें और इसे सीधे व्यक्ति के ईमेल पते के सामने रखें। - एक ई-मेल लिंक इस तरह दिख सकता है: यहाँ क्लिक करें प्रश्न पूछने या टिप्पणी करने के लिए।
आसान संदर्भ के लिए एक बड़े वेब पेज के भीतर एंकर बनाएं। यदि आप किसी वेब पेज के विशिष्ट भाग से लिंक करने का तरीका ढूंढ रहे हैं, तो एक एंकर का उपयोग करें। सामग्री की तालिका के साथ बड़े पृष्ठों के लिए एंकर बहुत उपयोगी होते हैं; प्रत्येक अध्याय या अनुभाग को सामग्री की तालिका से जुड़ा एक लंगर सौंपा जा सकता है। एंकर "नाम" विशेषता के साथ बनाए जाते हैं। - एक एंकर बनाने के लिए, पृष्ठ पर सही जगह पर टैग डालें, जैसे: अध्याय 3 - HTML में एंकर का उपयोग करना
- नए बनाए गए एंकर से लिंक करने के लिए, # साइन इन करें: #Go to Chapter 3
टिप्स
- वेबसाइट बनाने के लिए आपको किसी विशेष सॉफ्टवेयर की आवश्यकता नहीं होती है, और अधिकांश कंप्यूटरों में डिफ़ॉल्ट रूप से सही सॉफ्टवेयर स्थापित होता है। एक उदाहरण विंडोज में नोटपैड / नोटपैड है। बस कोड दर्ज करें और उन्हें html के रूप में सहेजें। यह देखने के लिए कि व्यवहार में यह कैसा दिखता है, आपको एक ब्राउज़र की आवश्यकता होती है, जो कि अधिक उन्नत कार्यक्रमों में अक्सर आवश्यक नहीं होता है। इसके अलावा, सिंटैक्स के लिए कोड की जांच करने के लिए कोई विकल्प नहीं है और क्या यह मानकों का अनुपालन करता है।
- रंग और लिंक के अन्य गुणों को बदलने के लिए CSS शैलियों का उपयोग करें।
नेसेसिटीज़
- एक कंप्यूटर
- एक संपादक जैसे कि नोटपैड, या वेब डिज़ाइन सॉफ्टवेयर
