HTML <a> Tag (Anchor Tag)


HTML <a> Tag क्या है?

HTML में <a> टैग को Anchor Tag कहा जाता है। इसका उपयोग Hyperlink (लिंक) बनाने के लिए किया जाता है।

👉 इसकी मदद से आप किसी Text, Image या Content को किसी दूसरी Website, Webpage, File, Email Address या Location से लिंक कर सकते हैं।

जब यूज़र उस Text या Image पर क्लिक करता है, तो वह दिए गए URL (Uniform Resource Locator) पर चला जाता है।


HTML <a> Tag का Syntax

<a href="URL">Link Text</a>

  • href → उस पते (URL) को बताता है जहाँ लिंक क्लिक करने पर जाना है।

  • Link Text → यूज़र को दिखाई देने वाला टेक्स्ट।


HTML <a> Tag के Attributes

Attributeउपयोग
hrefलिंक का URL (जैसे वेबसाइट, फाइल, ईमेल) देता है।
targetलिंक कहाँ खुलेगा यह बताता है (_blank, _self, _parent, _top)।
titleजब माउस लिंक पर ले जाते हैं तो Tooltip दिखाता है।
downloadलिंक पर क्लिक करने से फाइल डाउनलोड होती है।
relलिंक और Current Page के बीच Relation बताता है (जैसे "nofollow", "noopener")।


HTML <a> Tag का Example Program

1. Simple Hyperlink

<!DOCTYPE html>
<html>
<head>
    <title>HTML a Tag Example</title>
</head>
<body>
    <h2>HTML a Tag का उदाहरण</h2>
    <p>हमारी वेबसाइट देखने के लिए क्लिक करें: 
    <a href="https://www.ajcomputeredu.in">AJ Computer Education</a></p>
</body>
</html>

👉 आउटपुट: AJ Computer Education पर क्लिक करने से वेबसाइट खुलेगी।


2. Link Open in New Tab

<a href="https://www.google.com" target="_blank">Google खोलें</a>

👉 यह लिंक क्लिक करने पर नई Tab में खुलेगा।


3. Email Link

<a href="mailto:info@ajcomputeredu.in">हमें ईमेल करें</a>

👉 क्लिक करने पर Default Email Application खुलेगा।


4. File Download Link

<a href="notes.pdf" download>नोट्स डाउनलोड करें</a>

👉 क्लिक करने पर notes.pdf फाइल डाउनलोड होगी।


HTML <a> Tag का उपयोग कहाँ होता है?

  1. Website को दूसरी Website से लिंक करने के लिए।

  2. Same Website के अलग Page से लिंक करने के लिए।

  3. किसी Image को क्लिक करने पर Open करने के लिए।

  4. Email या Phone Number से लिंक करने के लिए।

  5. Files, PDF या Documents डाउनलोड कराने के लिए।


HTML <a> Tag और <link> Tag में अंतर

पैरामीटर<a> Tag (Anchor)<link> Tag
पूरा नामAnchor TagLink Tag
मुख्य उपयोगयूज़र को Hyperlink (क्लिक करने योग्य लिंक) देने के लिएHTML Document को External Resource (जैसे CSS, Favicon) से जोड़ने के लिए
कहाँ लिखा जाता है<body> सेक्शन में (क्योंकि यूज़र क्लिक करता है)<head> सेक्शन में
Attributeshref, target, title, download, rel आदिrel, href, type, media, sizes आदि
आउटपुटText या Image पर क्लिक करने से पेज/फाइल खुलती हैकोई क्लिक नहीं, सीधे Resource (जैसे CSS, Icon) Apply होता है
उदाहरण<a href="page.html">Click Here</a><link rel="stylesheet" href="style.css">
यूज़र इंटरैक्शनहाँ (Clickable Link बनाता है)नहीं (Resource Attach करता है)


सरल शब्दों में:

  • <a> Tag यूज़र को क्लिक करने के लिए Hyperlink देता है।

  • <link> Tag ब्राउज़र को बताता है कि इस पेज के साथ कौन-कौन से External Resources जुड़े हुए हैं।