एचटीएमएल लिंक
लिंक लगभग सभी वेब पेजों में पाए जाते हैं। लिंक उपयोगकर्ताओं को एक पृष्ठ से दूसरे पृष्ठ पर अपने तरीके से क्लिक करने की अनुमति देते हैं।
HTML लिंक्स - हाइपरलिंक्स
HTML लिंक हाइपरलिंक हैं।
आप एक लिंक पर क्लिक कर सकते हैं और दूसरे दस्तावेज़ पर जा सकते हैं।
जब आप माउस को किसी लिंक पर ले जाते हैं, तो माउस तीर एक छोटे से हाथ में बदल जाएगा।
नोट: लिंक का टेक्स्ट होना जरूरी नहीं है। एक लिंक एक छवि या कोई अन्य HTML तत्व हो सकता है!
HTML लिंक्स - सिंटैक्स
HTML <a>
टैग हाइपरलिंक को परिभाषित करता है। इसमें निम्नलिखित सिंटैक्स है:
<a href="url">link text</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>
रखें:
उदाहरण
<a href="default.asp">
<img src="smiley.gif" alt="HTML tutorial" style="width:42px;height:42px;">
</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
एचटीएमएल लिंक टैग
Tag | Description |
---|---|
<a> | Defines a hyperlink |
सभी उपलब्ध HTML टैग्स की पूरी सूची के लिए, हमारे HTML टैग संदर्भ पर जाएं ।