Jassif Team Institution

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

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

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

आप किसी अन्य दस्तावेज़ पर जाने के लिए एक लिंक पर क्लिक कर सकते हैं।

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

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

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

<a href="url">link text</a>

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

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

लिंक टेक्स्ट पर क्लिक करने से पाठक निर्दिष्ट यूआरएल पर पहुंच जाएगा।

उदाहरण

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

<a href="https://www.jassifteam.com/">Visit JassifTeam.com!</a>

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

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

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

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

लक्ष्य विशेषता में निम्नलिखित में से एक मान हो सकता है:

उदाहरण

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

<a href="https://www.jassifteam.com/" target="_blank">Visit Jassif Team!</a>

Absolute URLs vs Relative URLs

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

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

उदाहरण

<h2>Absolute URLs</h2>
<p><a href="https://www.jassifteam.org/">Jassif Team Foundation</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>

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

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

उदाहरण

<a href="mailto:someone@example.com">Send email</a>

बटन को लिंक के रूप में उपयोग करना

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

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

उदाहरण

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

अनुलग्नक शीर्षलेख

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

उदाहरण

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

निरपेक्ष यूआरएल और सापेक्ष यूआरएल के बारे में अधिक जानकारी

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

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

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

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

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

अभ्यास

HTML हाइपरलिंक के लिए सही सिंटैक्स क्या है?

HTML लिंक टैग