HTML Links – Hyperlinks in Hindi
एक वेबपेज में विभिन्न Links हो सकते हैं जो आपको सीधे अन्य पेजों और यहां तक कि किसी दिए गए पेज के विशिष्ट भागों पर ले जाते हैं। इन लिंक्स को Hyperlinks के रूप में जाना जाता है।
Hyperlinks आगंतुकों को शब्दों, वाक्यांशों और छवियों पर क्लिक करके वेब साइटों के बीच Navigate करने की अनुमति देते हैं। इस प्रकार आप वेबपेज पर उपलब्ध टेक्स्ट या छवियों का उपयोग करके Hyperlinks बना सकते हैं।
HTML Links – Syntax
HTML <a> टैग Hyperlinks को परिभाषित करता है। इसमें निम्नलिखित सिंटैक्स है:
<a href = "Document URL" ... attributes-list> Link Text </a>
<a> तत्व की सबसे महत्वपूर्ण attribute, href attribute है, जो लिंक के गंतव्य को इंगित करती है।
LINK TEXT वह हिस्सा है जो पाठक को दिखाई देगा।
डिफ़ॉल्ट रूप से, सभी ब्राउज़रों में लिंक निम्नानुसार दिखाई देंगे:
- एक अनदेखी लिंक, रेखांकित और नीला है
- एक विज़िट किया गया लिंक, रेखांकित और बैंगनी है
- एक सक्रिय लिंक, रेखांकित और लाल है
HTML Links – The target Attribute in Hindi
डिफ़ॉल्ट रूप से, लिंक किया गया पृष्ठ वर्तमान ब्राउज़र विंडो में प्रदर्शित होगा। इसे बदलने के लिए, आपको लिंक के लिए एक और लक्ष्य निर्दिष्ट करना होगा।
Target Attribute में निम्न में से कोई एक मान हो सकता है:
| Sr.No | विवरण |
|---|---|
| _self | दस्तावेज़ को उसी विंडो/टैब में खोलता है जिस पर क्लिक किया गया था |
| _blank | दस्तावेज़ को एक नई विंडो या टैब में खोलता है |
| _parent | दस्तावेज़ को पैरेंट फ्रेम में खोलता है |
| _top | दस्तावेज़ को विंडो के पूरे भाग में खोलता है |
HTML Links – एक लिंक के रूप में एक छवि का प्रयोग करें
एक छवि को एक लिंक के रूप में उपयोग करने के लिए, बस <img> टैग को <a> टैग के अंदर रखें:
<!DOCTYPE html> <html> <body> <h2>Image as a Link</h2> <p>नीचे दी गई छवि एक लिंक है। उस पर क्लिक करने का प्रयास करें।</p> <a href="default.asp"> <img src="https://lh3.googleusercontent.com/hRpb8yHvCxd7125n-6upbutV-M7lSIXHycP4SVOXLo6o7MwMtbbXyGegqGyf4SFPMb3z=s170" alt="HTML tutorial" style="width:200px;height:42px;"> </a> </body> </html>
Output:
Image as a Link
नीचे दी गई छवि एक लिंक है। उस पर क्लिक करने का प्रयास करें।
