एचटीएमएल लिंक

❮ पहले का अगला ❯

लिंक लगभग सभी वेब पेजों में पाए जाते हैं। लिंक उपयोगकर्ताओं को एक पृष्ठ से दूसरे पृष्ठ पर अपने तरीके से क्लिक करने की अनुमति देते हैं।

HTML लिंक्स - हाइपरलिंक्स

HTML लिंक हाइपरलिंक हैं।

आप एक लिंक पर क्लिक कर सकते हैं और दूसरे दस्तावेज़ पर जा सकते हैं।

जब आप माउस को किसी लिंक पर ले जाते हैं, तो माउस तीर एक छोटे से हाथ में बदल जाएगा।

नोट: लिंक का टेक्स्ट होना जरूरी नहीं है। एक लिंक एक छवि या कोई अन्य HTML तत्व हो सकता है!

HTML लिंक्स - सिंटैक्स

HTML <a>टैग हाइपरलिंक को परिभाषित करता है। इसमें निम्नलिखित सिंटैक्स है:

तत्व की सबसे महत्वपूर्ण विशेषता विशेषता है, जो लिंक के गंतव्य को इंगित करती है।<a> href

लिंक टेक्स्ट वह हिस्सा है जो पाठक को दिखाई देगा।

लिंक टेक्स्ट पर क्लिक करने से पाठक को निर्दिष्ट यूआरएल पते पर भेज दिया जाएगा।

उदाहरण

यह उदाहरण दिखाता है कि W3Schools.com का लिंक कैसे बनाया जाता है:

<a href="https://www.w3schools.com/">Visit W3Schools.com!</a>

डिफ़ॉल्ट रूप से, सभी ब्राउज़रों में लिंक निम्नानुसार दिखाई देंगे:

एक अनदेखी लिंक रेखांकित और नीला है
एक विज़िट किया गया लिंक रेखांकित और बैंगनी है
एक सक्रिय लिंक रेखांकित और लाल है

युक्ति: लिंक्स को निश्चित रूप से सीएसएस के साथ स्टाइल किया जा सकता है, एक और रूप पाने के लिए!

HTML लिंक - लक्ष्य विशेषता

डिफ़ॉल्ट रूप से, लिंक किया गया पृष्ठ वर्तमान ब्राउज़र विंडो में प्रदर्शित होगा। इसे बदलने के लिए, आपको लिंक के लिए एक और लक्ष्य निर्दिष्ट करना होगा।

विशेषता निर्दिष्ट करती है कि targetलिंक किए गए दस्तावेज़ को कहाँ खोलना है।

विशेषता में targetनिम्न में से कोई एक मान हो सकता है:

_self- चूक। दस्तावेज़ को उसी विंडो/टैब में खोलता है जिस पर क्लिक किया गया था
_blank- दस्तावेज़ को एक नई विंडो या टैब में खोलता है
_parent- दस्तावेज़ को मूल फ़्रेम में खोलता है
_top- दस्तावेज़ को विंडो के पूरे भाग में खोलता है

उदाहरण

लिंक किए गए दस्तावेज़ को नई ब्राउज़र विंडो या टैब में खोलने के लिए target="_blank" का उपयोग करें:

<a href="https://www.w3schools.com/" target="_blank">Visit W3Schools!</a>

संपूर्ण URL बनाम सापेक्ष URL

उपरोक्त दोनों उदाहरण विशेषता में एक संपूर्ण URL (एक पूर्ण वेब पता) का उपयोग कर रहे हैं href।

एक स्थानीय लिंक (उसी वेबसाइट के भीतर एक पेज का लिंक) एक सापेक्ष यूआरएल ("https://www" भाग के बिना) के साथ निर्दिष्ट किया गया है:

उदाहरण

<h2>Absolute URLs</h2>
<p><a href="https://www.w3.org/">W3C</a></p>
<p><a href="https://www.google.com/">Google</a></p>

<h2>Relative URLs</h2>
<p><a href="html_images.asp">HTML Images</a></p>
<p><a href="/css/default.asp">CSS Tutorial</a></p>

HTML लिंक - एक छवि को एक लिंक के रूप में उपयोग करें

किसी छवि को लिंक के रूप में उपयोग करने के लिए, बस <img> टैग को टैग के अंदर <a>रखें:

उदाहरण

ईमेल पते से लिंक करें

mailto:एक लिंक बनाने के लिए विशेषता के अंदर उपयोग करें hrefजो उपयोगकर्ता के ईमेल प्रोग्राम को खोलता है (उन्हें एक नया ईमेल भेजने के लिए):

उदाहरण

<a href="mailto:[email protected]">Send email</a>

एक लिंक के रूप में बटन

लिंक के रूप में HTML बटन का उपयोग करने के लिए, आपको कुछ जावास्क्रिप्ट कोड जोड़ना होगा।

जावास्क्रिप्ट आपको यह निर्दिष्ट करने की अनुमति देता है कि कुछ घटनाओं में क्या होता है, जैसे कि एक बटन का एक क्लिक:

उदाहरण

<button onclick="document.location='default.asp'">HTML Tutorial</button>

युक्ति: हमारे जावास्क्रिप्ट ट्यूटोरियल में जावास्क्रिप्ट के बारे में और जानें ।

लिंक शीर्षक

titleविशेषता किसी तत्व के बारे में अतिरिक्त जानकारी निर्दिष्ट करती है । जब माउस तत्व पर चलता है तो जानकारी को अक्सर टूलटिप टेक्स्ट के रूप में दिखाया जाता है।

उदाहरण

<a href="https://www.w3schools.com/html/" title="Go to W3Schools HTML section">Visit our HTML Tutorial</a>

संपूर्ण URL और सापेक्ष URL के बारे में अधिक जानकारी

उदाहरण

किसी वेब पेज से लिंक करने के लिए पूर्ण URL का उपयोग करें:

<a href="https://www.w3schools.com/html/default.asp">HTML tutorial</a>

उदाहरण

वर्तमान वेब साइट पर html फ़ोल्डर में स्थित किसी पृष्ठ से लिंक करें:

<a href="/html/default.asp">HTML tutorial</a>

उदाहरण

वर्तमान पृष्ठ के समान फ़ोल्डर में स्थित किसी पृष्ठ से लिंक करें:

<a href="default.asp">HTML tutorial</a>

आप फ़ाइल पथों के बारे में और अधिक अध्याय HTML फ़ाइल पथ में पढ़ सकते हैं ।

अध्याय का सारांश

<a>एक लिंक को परिभाषित करने के लिए तत्व का प्रयोग करें
hrefलिंक पते को परिभाषित करने के लिए विशेषता का उपयोग करें
targetलिंक किए गए दस्तावेज़ को खोलने के लिए परिभाषित करने के लिए विशेषता का उपयोग करें
छवि को लिंक के रूप में उपयोग करने के लिए तत्व (अंदर) का उपयोग <img>करें<a>
उपयोगकर्ता के ईमेल प्रोग्राम को खोलने वाला लिंक बनाने mailto:के लिए विशेषता के अंदर योजना का उपयोग करेंhref