Html मे लिंक ( link ) क्या है ?


0

लिंक वेबपेज की प्रमुख विशेषता है क्योंकि वे आपको एक वेब पेज से दूसरे में जाने की अनुमति देते हैं – ब्राउज़िंग या सर्फिंग को सुगम बनाते है । Html मे लिंक ( link ) क्या है ? इस पोस्ट मे हम लिंक के बारे मे जनेगे । वेबपेज मे आमतौर पर निम्नलिखित प्रकार के लिंक प्रयोग मे आते है :

  • एक वेबसाइट से दूसरे वेबसाईट के लिए लिंक
  • उसी वेबसाइट पर एक पेज से दूसरे पेज पर लिंक
  • एक वेब पेज के किसी एक भाग से लिंक
  • उसी पृष्ठ के दूसरे भाग में लिंक जो एक नई ब्राउज़र विंडो में खुलते हैं
  • ईमेल लिंक जो आपके ईमेल प्रोग्राम को शुरू करते हैं

Html मे लिंक कैसे लिखते है ?

<a href=”http://www.computerhindinotes.com”> computer hindi notes </a>

ओपन <a> टैग और समापन </a> टैग के बीच के text को लिंक टेक्स्ट के रूप में जाना जाता है। जहां तक ​​संभव हो, आपके लिंक टेक्स्ट को यह बताना चाहिए कि अगर वे उस पर क्लिक करते हैं तो आगंतुकों को कहां ले जाया जाएगा (बजाय केवल “यहां क्लिक करें” कहकर)। नीचे आप computer hindi notes का लिंक देख सकते हैं ।

बहुत से लोग लिंक का प्रयोग वेबसाइटों को नेविगेट करने के लिए भी करते हैं। स्पष्ट लिंक text , user को वे क्या चाहते हैं खोजने में मदद कर सकते हैं। यह उन्हें आपकी साइट को सम्पूर्ण रूप से समझने मे मदद करता है और उन्हें इसे अधिक समय तक देखने के लिए प्रोत्साहित कर सकता है। (यह स्क्रीन रीडर सॉफ़्टवेयर का उपयोग करने वाले लोगों की भी मदद करता है।)

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

<a> लिंक <a> तत्व जिसमें href मे हम किसी पेज का लिंक देते है । Href ( hyperlink reference ) का मान वह पृष्ठ है जो आप चाहते हैं कि लोग लिंक पर क्लिक करने पर जाएं। उपयोगकर्ता open टैग <a> और close टैग </a> के बीच दिखाई देने वाली किसी भी object पर क्लिक कर सकते हैं और इसे href में निर्दिष्ट पृष्ठ पर ले जाया जाएगा। जब आप किसी दूसरी वेबसाइट से लिंक करते हैं, तो href link का मान साइट के लिए पूर्ण वेब एड्रैस होगा, जिसे एक पूर्ण URL के रूप में जाना जाता है। डिफ़ॉल्ट रूप से ब्राउज़र अंडरलाइन के साथ नीले रंग में लिंक दिखाते हैं।

AbsoLute urls

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

same साइट पर अन्य पेज से लिंक करना

<a> जब आप उसी साइट के अन्य पृष्ठों से लिंक कर रहे हैं, तो आपको URL में डोमेन नाम निर्दिष्ट करने की आवश्यकता नहीं है। आप एक सापेक्ष URL के रूप में ज्ञात शॉर्टहैंड का उपयोग कर सकते हैं। यदि साइट के सभी पृष्ठ एक ही फ़ोल्डर में हैं, तो href मे लिंक के लिए आप केवल फ़ाइल का नाम प्रयोग मे ले सकते है।

यदि आपके पास अलग-अलग फ़ोल्डरों में किसी साइट के अलग-अलग पृष्ठ हैं, तो आप यह इंगित करने के लिए कि पेज वर्तमान पृष्ठ के संबंध में है, वहां थोड़ा और जटिल सिंटैक्स का उपयोग कर सकते हैं। यदि आप प्रत्येक अध्याय के डाउनलोड कोड को देखते हैं, तो आप देखेंगे कि index.html फ़ाइल में ऐसे लिंक होते हैं जो absolute URL का उपयोग करते हैं।

Relative urls

एक ही साइट के भीतर अन्य पृष्ठों से लिंक करते समय, आप संबंधित URL का उपयोग कर सकते हैं। ये पूर्ण URL के शॉर्टहैंड संस्करण की तरह हैं क्योंकि आपको डोमेन नाम निर्दिष्ट करने की आवश्यकता नहीं है। हम 83-84 पेजों पर संबंधित URL पर करीब से नज़र डालेंगे क्योंकि कई उपयोगी शॉर्टकट हैं जिनका उपयोग आप अपनी वेबसाइट पर अन्य पृष्ठों के लिंक लिखने के लिए कर सकते हैं।

Html मे Email लिंक ( link ) क्या है ?

mailto: एक लिंक बनाने के लिए जो उपयोगकर्ता के ईमेल प्रोग्राम को शुरू करता है और एक ईमेल को एक निर्दिष्ट ईमेल पते पर संबोधित करता है, आप <a> तत्व का उपयोग करते हैं। हालाँकि, इस समय href का मान mailto से शुरू होता है: और इसके बाद उस ईमेल पते का उपयोग किया जाता है जिसे आप चाहते हैं कि ईमेल को भेजा जाए। दाईं ओर आप देख सकते हैं कि एक ईमेल लिंक किसी अन्य लिंक की तरह ही दिखता है, लेकिन जब उस पर क्लिक किया जाता है, तो उपयोगकर्ता का ईमेल प्रोग्राम एक नया ईमेल संदेश खोलेगा और लिंक में निर्दिष्ट व्यक्ति को संबोधित करेगा।

Link को एक New Window में Open करना

यदि आप एक नई विंडो में खोलने के लिए एक लिंक चाहते हैं, तो आप <a> टैग खोलने पर Target विशेषता का उपयोग कर सकते हैं। इस विशेषता का मान _ब्लांक होना चाहिए। सबसे आम कारणों में से एक वेब पेज लेखक एक नई विंडो में लिंक खोला जा सकता है, अगर यह किसी अन्य वेबसाइट की ओर इशारा करता है। ऐसे मामलों में, वे आशा करते हैं कि उपयोगकर्ता दूसरे को देखने के बाद अपनी साइट से युक्त खिड़की पर वापस आ जाएगा। आम तौर पर आपको एक नई विंडो में लिंक खोलने से बचना चाहिए, लेकिन यदि आप ऐसा करते हैं, तो उपयोगकर्ताओं को सूचित करने के लिए यह अच्छा अभ्यास माना जाता है कि लिंक उस पर क्लिक करने से पहले एक नई विंडो खोलेगा।

html मे Same Page के specific part से Link करना

एक लंबे पृष्ठ के शीर्ष पर आप उन सामग्रियों की एक सूची जोड़ना चाह सकते हैं जो नीचे के अनुभागों से लिंक करती हैं। या आप उपयोगकर्ताओं को सहेजने के लिए पृष्ठ के शीर्ष भाग पर एक लिंक जोड़ना चाहते हैं, इसके शीर्ष पर वापस स्क्रॉल करने के लिए।

इससे पहले कि आप किसी पृष्ठ के किसी विशिष्ट भाग से लिंक कर सकें, आपको उस पृष्ठ के बिंदुओं को पहचानना होगा, जिस लिंक पर जाना होगा। आप आईडी विशेषता का उपयोग करके ऐसा करते हैं (जिसका उपयोग प्रत्येक HTML तत्व पर किया जा सकता है)। आप देख सकते हैं कि इस उदाहरण में <h1> और <h2> तत्वों को आईडी विशेषताएँ दी गई हैं जो पृष्ठ के उन वर्गों की पहचान करती हैं।

आईडी विशेषता का मान एक अक्षर या अंडरस्कोर (नंबर या कोई अन्य वर्ण नहीं) के साथ शुरू होना चाहिए और, एक पृष्ठ पर, किसी भी दो आईडी विशेषताओं का समान मूल्य नहीं होना चाहिए। किसी ऐसे तत्व से लिंक करने के लिए, जो एक ऐसी विशेषता का उपयोग करता है, जिसका आप फिर से <a> तत्व का उपयोग करते हैं, लेकिन href विशेषता का मान उस # प्रतीक से शुरू होता है, जिसके बाद आप जिस तत्व से लिंक करना चाहते हैं, उसके आईडी विशेषता के मूल्य से शुरू होता है।

इस उदाहरण में, <a href=”#top”> उस पृष्ठ के शीर्ष पर <h1> तत्व से लिंक होता है जिसकी आईडी विशेषता में शीर्ष का मान है।

Specific Part को अन्य Page से जोड़ना

यदि आप किसी भिन्न पृष्ठ (चाहे अपनी साइट या किसी भिन्न वेबसाइट पर) के एक विशिष्ट भाग से लिंक करना चाहते हैं, तो आप एक समान तकनीक का उपयोग कर सकते हैं। जब तक आप जिस पेज को लिंक कर रहे हैं उसमें आईडी विशेषताएँ हैं जो पृष्ठ के विशिष्ट भागों की पहचान करती हैं,

तो आप बस उसी वाक्यविन्यास को उस पृष्ठ के लिंक के अंत में जोड़ सकते हैं। इसलिए, href विशेषता में पृष्ठ के लिए पता (या तो एक पूर्ण URL या एक Absolute URL) होगा, इसके बाद # प्रतीक, उसके बाद आपके द्वारा लिंक किए जा रहे तत्व पर उपयोग किए जाने वाले id विशेषता का मान होगा।

उदाहरण के लिए, इस पुस्तक के साथ आने वाले वेबसाइट के मुखपृष्ठ के नीचे से लिंक करने के लिए, आप लिखेंगे: <a href=”http:/www.computerhindinotes.in/#bottom”>

सारांश लिंक

  • <a> तत्व का उपयोग करके लिंक बनाए जाते हैं। जिस पृष्ठ से आप लिंक कर रहे हैं, उसे इंगित करने के लिए
  • <a> तत्व href विशेषता का उपयोग करता है। यदि आप अपनी साइट के किसी पृष्ठ से लिंक कर रहे हैं, तो योग्य URL के बजाय Absolute लिंक का उपयोग करना सबसे अच्छा है।
  • आप “in” फ़ील्ड में एक ईमेल पते के साथ ईमेल प्रोग्राम खोलने के लिए लिंक बना सकते हैं। आप तत्वों को लक्षित करने के लिए आईडी विशेषता का उपयोग कर सकते हैं

आपको हमारी पोस्ट  Html मे लिंक ( link ) क्या है पोस्ट कैसी लगी कृपया इसके बारे में अवश्य कमेंट करे जिससे हमें पोस्ट को और अधिक उन्नत बनाने में सहायता मिलेगी धन्यवाद


Like it? Share with your friends!

0
vikram

0 Comments

Your email address will not be published. Required fields are marked *