HTML <a> href विशेषता

HTML <a> टैग

वर्णन और उपयोग

href विशेषता लिंक के द्वारा जाने वाले पृष्ठ के URL को निर्धारित करती है。

href विशेषता का मान किसी भी वैध दस्तावेज़ का आपसी या निश्चित URL हो सकता है, जिसमें फ़्रेमेंट आइडेंटिफ़ायर और JavaScript कोड सेक्शन शामिल हैं। यदि उपयोगकर्ता <a> टैग के भीतर की सामग्री को चुनता है, तो ब्राउज़र उसे प्राप्त करने और प्रदर्शित करने की कोशिश करेगा href विशेषता द्वारा निर्दिष्ट URL के द्वारा प्रतिनिधित्व करने वाला दस्तावेज़, या JavaScript अभिव्यक्ति, विधि और फ़ंक्शनों की सूची करता है。

यदि href यदि विशेषता नहीं होती है, तो <a> टैग सुपरलिंक नहीं होगा。

सूचनाआप #top या # पर लिंक कर सकते हैं और इसके द्वारा वर्तमान पृष्ठ के शीर्ष पर जाना!

पाठ लिंक बनाना

एक अन्य दस्तावेज़ को सन्दर्भित करने वाला सरल <a> टैग हो सकता है:

<a href="http://www.codew3c.com/index.html">CodeW3C.com ऑनलाइन शिक्षण</a>

ब्राउज़र विशेष प्रभाव के साथ

CodeW3C.com ऑनलाइन शिक्षण

उपयोगकर्ता ब्राउज़र में विकल्पों के जरिए स्वयं टेक्स्ट रंग निर्धारित कर सकते हैं, लिंक के आगे और बाद में लिंक टेक्स्ट के रंग को सेट कर सकते हैं。

सूचनाइस्तेमाल किया जा सकता है CSS प्रतीकटेक्स्ट हिंक्स को जटिल और विविध शैली में लैस करने के लिए

छवि लिंक बनाना

अधिक जटिल अंक छवि को भी शामिल कर सकते हैं। इस LOGO को क्लिक करने से W3school के घर पृष्ठ को लौटा जा सकता है:

<a href="http://www.codew3c.com/index.html">
<img src="/i/codew3c_logo_white.gif" />
</a>

इस कोड से CodeW3C.com के LOGO को घर पृष्ठ के लिंक को जोड़ा जाएगा:

CodeW3C.com ऑनलाइन शिक्षण

अधिकतर ग्राफिक ब्राउज़र अभिन्न किनारा की सुविधा प्रदान करते हैं। <img> टैग में छवि के किनारा को नियंत्रित करके border एट्रिब्यूटसेट करने से 0, अधिकतर ग्राफिक ब्राउज़र लिंक की किनारा हटा देते हैं। यह किसी भी जानकारी के लिए इस्तेमाल किया जा सकता है CSS की किनारा गुणएलिमेंट की किनारा शैली को वैश्विक रूप से परिवर्तित करने के लिए आए हैं।

इस्तु

उदाहरण 1

href एट्रिब्यूट लिंक के लक्ष्य को निर्धारित करता है:

<a href="https://www.codew3c.com">CodeW3C.com पर जाएं</a>

स्वयं प्रयोग करें

उदाहरण 2

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

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

स्वयं प्रयोग करें

उदाहरण 3

कैसे ईमेल पते से लिंक करेंः

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

स्वयं प्रयोग करें

उदाहरण 4

कैसे टेलिफोन नंबर से लिंक करेंः

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

स्वयं प्रयोग करें

उदाहरण 5

कैसे एक ही पृष्ठ पर किसी अन्य भाग से लिंक करेंः

<a href="#section2">द्वितीय अध्याय को जाएं</a>

स्वयं प्रयोग करें

उदाहरण 6

कैसे जावास्क्रिप्ट से लिंक करेंः

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

स्वयं प्रयोग करें

व्याकरण

<a href="URL">

गुण मूल्य

मूल्य वर्णन
URL

लिंक का URL。

संभावित मूल्य:

  • अभिकृत URL - दूसरी वेबसाइट को इंगित करता है (जैसे href="http://www.example.com/index.html"）
  • सापेक्षिक URL - वेबसाइट के भीतर के फ़ाइल को इंगित करता है (जैसे href="index.html"）
  • संदिग्ध पृष्ठ में निर्दिष्ट id वाले तत्व को लिंक करें (जैसे href="#section2"）
  • अन्य समझौते (जैसे https://、ftp://、mailto:、file: आदि)
  • स्क्रिप्ट (जैसे href="javascript:alert('Hello');"）

ब्राउज़र सहायता

च्रोम एज फायरफॉक्स सफारी ओपेरा
च्रोम एज फायरफॉक्स सफारी ओपेरा
सहायता सहायता सहायता सहायता सहायता

HTML <a> टैग