HTML <a> टैग

  • पिछला पृष्ठ <!DOCTYPE>
  • अगला पृष्ठ <abbr>

व्याख्या और उपयोग

<a> टैग एक सुपरलिंक बनाता है, जो एक पृष्ठ से दूसरे पृष्ठ पर लिंक करता है。

<a> एलिमेंट का सबसे महत्वपूर्ण गुण href गुणइसके द्वारा लिंक का लक्ष्य इंगित किया जाता है।

डिफ़ॉल्ट में, लिंक सभी ब्राउज़र में इस तरह दिखाया जाएगा:

  • अदेखा लिंक नीचे लिंक और नीला है
  • देखा गया लिंक नीचे लिंक और बैंगनी है
  • संदर्भित लिंक नीचे लिंक और लाल है

सूचना:आप ने शायद देखा होगा कि CodeW3C.com साइट के भीतर के लिंक का आकार डिफ़ॉल्ट लिंक के आकार से बहुत अलग है। आप CSS प्रतीकात्मक संकेतस्थल टेक्स्ट को जटिल और विविध शैली जोड़ें।

और देखें:

HTML शिक्षा:HTML लिंक

HTML DOM संदर्भ पुस्तक:एंकर ऑब्जैक्ट

CSS शिक्षा:लिंक शैली

शब्दावली व्याख्या

अधिविषयवस्तु क्या है?

उदाहरण

उदाहरण 1

codew3c.com के लिए लिंक बनाएं:

<a href="https://www.codew3c.com">codew3c.com! देखें</a>

अपने आप का प्रयोग करें

उदाहरण 2

कैसे छवि को लिंक के रूप में इस्तेमाल करें:

<a href="https://www.codew3c.com">
<img border="0" alt="W3School" src="w3logo.png" width="400" height="225">
</a>

अपने आप का प्रयोग करें

उदाहरण 3

कैसे नए ब्राउज़र विंडो में लिंक खोलें:

<a href="https://www.codew3c.com" target="_blank">codew3c.com! देखें</a>

अपने आप का प्रयोग करें

उदाहरण 4

कैसे ईमेल पते से जोड़ें:

<a href="mailto:someone@example.com">ईमेल भेजें</a>

अपने आप का प्रयोग करें

उदाहरण 5

कैसे फोन नंबर से जोड़ें:

<a href="tel:+8613888888888">+86 138 8888 8888</a>

अपने आप का प्रयोग करें

उदाहरण 6

कैसे वर्तमान पृष्ठ पर अन्य भाग को लिंक करें:

<a href="#section2">दूसरे अध्याय को जाएं</a>

अपने आप का प्रयोग करें

उदाहरण 7

कैसे जेसक्रिप्ट को लिंक करें:

<a href="javascript:alert('Hello World!');">जेसक्रिप्ट को लिंक करें</a>

अपने आप का प्रयोग करें

सूचना और टिप्पणी

सूचना:यदि <a> टैग का href गुण नहीं है, तो यह केवल एक सुधारक है

सूचना:लिंक किए गए पृष्ठ आमतौर पर वर्तमान ब्राउज़र विंडो में दिखाया जाता है, जब तक कि आप एक अन्य लक्ष्य (target प्रकृति) निर्धारित न करें

सूचना:कृपया CSS सेटिंग का इस्तेमाल करके लिंक का शैली निर्धारित करें:CSS लिंक और CSS बटन。

गुण

गुण मूल्य वर्णन
download फ़ाइल नाम उपयोगकर्ता अवश्य है कि अवश्य अवश्य डाउनलोड करना है
href URL लिंक के दिशा में पृष्ठ के URL को निर्धारित करता है
hreflang भाषा कोड लिंक किए गए डॉक्यूमेंट की भाषा को निर्धारित करता है
media मीडिया क्वेरी लिंक किए गए डॉक्यूमेंट को किस मीडिया/डिवाइस के लिए उचिततम बनाने के लिए निर्धारित करता है
ping URL सूची स्पेस से अलग-अलग URL सूची को निर्धारित करता है, जब लिंक देखा जाता है तो ब्राउज़र पिंग प्राकृति के साथ POST रिक्वेस्ट भेजेगा (बैकग्राउंड में भेजा जाएगा). आमतौर पर ट्रैकिंग के लिए इस्तेमाल किया जाता है
referrerpolicy
  • no-referrer
  • no-referrer-when-downgrade
  • origin
  • origin-when-cross-origin
  • same-origin
  • strict-origin-when-cross-origin
  • unsafe-url
 लिंक के साथ भेजे जाने वाले संदर्भ जानकारी को निर्धारित करता है
rel
  • alternate
  • author
  • bookmark
  • external
  • help
  • license
  • next
  • nofollow
  • noreferrer
  • noopener
  • prev
  • search
  • टैग
 लिंकिंग डॉक्यूमेंट और वर्तमान डॉक्यूमेंट के बीच के संबंध को निर्धारित करता है
target
  • _blank
  • _parent
  • _self
  • _top
 लिंक किए गए डॉक्यूमेंट को खोलने के लिए कहाँ खोलना है
प्रकार मीडिया प्रकार लिंक किए गए डॉक्यूमेंट के मीडिया प्रकार को निर्धारित करता है

वैश्विक प्रकृति

<a> टैग निम्नलिखित को समर्थित करता है HTML में वैश्विक प्रकृति。

इवेंट प्रकृति

<a> टैग निम्नलिखित को समर्थित करता है HTML में इवेंट प्रकृति。

डिफ़ॉल्ट की CSS सेटिंग

अधिकांश ब्राउज़र निम्नलिखित डिफ़ॉल्ट मूल्यों के साथ दिखाएंगे <a> एलिमेंट:

a:link, a:visited {
  color: (आंतरिक मूल्य);
  text-decoration: underline;
  cursor: auto;
}
a:link:active, a:visited:active {
  color: (आंतरिक मूल्य);
}

ब्राउज़र समर्थन

च्रोम एज फायरफॉक्स सफारी ओपेरा
च्रोम एज फायरफॉक्स सफारी ओपेरा
समर्थन समर्थन समर्थन समर्थन समर्थन
  • पिछला पृष्ठ <!DOCTYPE>
  • अगला पृष्ठ <abbr>