HTML Links वे होते हैं जिनकी मदद से आप एक पेज से दूसरे पेज पर या एक वेबसाइट से दूसरी वेबसाइट पर जा सकते हैं। इन्हें Hyperlinks भी कहा जाता है।
HTML में लिंक बनाने के लिए <a> टैग (Anchor tag) का उपयोग किया जाता है।
<a href="URL">Link Text</a>
href → Hyperlink Reference यानी वह URL जहाँ यह लिंक ले जाएगा।Link Text → वह टेक्स्ट जिस पर क्लिक किया जाएगा।<a href="https://www.google.com">Google पर जाएं</a>
🖱 क्लिक करने पर आप Google वेबसाइट पर पहुँच जाएंगे।
| लिंक का प्रकार | Description | Example |
|---|---|---|
| External Link | किसी अन्य वेबसाइट की ओर | href="https://..." |
| Internal Link | अपनी ही वेबसाइट के किसी पेज पर | href="about.html" |
| Email Link | Email client खोलने के लिए | href="mailto:someone@example.com" |
| Phone Link | मोबाइल में कॉल करने के लिए | href="tel:+911234567890" |
<a href="contact.html">हमसे संपर्क करें</a>
यह आपकी साइट के अंदर एक और पेज को खोलेगा।
<a href="mailto:info@example.com">हमें ईमेल करें</a>
क्लिक करने पर default email app खुलेगा।
<a href="tel:+911234567890">हमें कॉल करें</a>
📞 मोबाइल में क्लिक करते ही कॉल शुरू हो जाएगी।
आप लिंक को नए टैब में खोलना चाहते हैं तो target="_blank" जोड़ें।
<a href="https://www.wikipedia.org" target="_blank">Wikipedia (नए टैब में)</a>
| Attribute | काम |
|---|---|
_blank | नया टैब |
_self | उसी टैब (default) |
_parent | parent frame |
_top | पूरे ब्राउज़र विंडो में |
अगर आप किसी file को डाउनलोड करवाना चाहते हैं:
<a href="myfile.pdf" download>PDF डाउनलोड करें</a>
📁 यह लिंक क्लिक करने पर PDF फाइल डाउनलोड हो जाएगी।
<a href="https://www.example.com">
<img src="logo.png" alt="Logo">
</a>
🖼 यह image पर क्लिक करके लिंक खोलता है।
about.html)resume.pdf)👉 Hint:
<a href="https://www.google.com" target="_blank">Google</a><br>
<a href="about.html">About Us</a><br>
<a href="mailto:hello@example.com">Email Us</a><br>
<a href="resume.pdf" download>Download Resume</a>
<a> टैग सभी प्रकार के HTML लिंक के लिए उपयोग होता है।href और target attribute सबसे ज़रूरी होते हैं।