HomeEducationHTML Link और Images क्या हैं और उनका उपयोग कैसे करें?

HTML Link और Images क्या हैं और उनका उपयोग कैसे करें?

HTML Links – Hyperlinks in Hindi

एक वेबपेज में विभिन्न Links हो सकते हैं जो आपको सीधे अन्य पेजों और यहां तक कि किसी दिए गए पेज के विशिष्ट भागों पर ले जाते हैं। इन लिंक्स को Hyperlinks के रूप में जाना जाता है।

Hyperlinks आगंतुकों को शब्दों, वाक्यांशों और छवियों पर क्लिक करके वेब साइटों के बीच Navigate करने की अनुमति देते हैं। इस प्रकार आप वेबपेज पर उपलब्ध टेक्स्ट या छवियों का उपयोग करके Hyperlinks बना सकते हैं।

html Link and Image in Hindi

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

नीचे दी गई छवि एक लिंक है। उस पर क्लिक करने का प्रयास करें।

HTML tutorial

LEAVE A REPLY

Please enter your comment!
Please enter your name here

संबंधित पोस्ट