जावास्क्रिप्ट Href के साथ तत्व बनाएं

absolute | exp | find | iat | JavaScript | log | mean | median | open | sin

Michael Zippo

एक HTML लिंक आपको दूसरे पेज पर ले जाता है। एक टैग एक एंकर पॉइंट को परिभाषित करता है। "Href" विशेषता इंगित करती है कि लिंक पर क्लिक करने पर उपयोगकर्ता को कहाँ निर्देशित किया जाएगा। और समापन टैग के बीच में एंकर टेक्स्ट है जो उपयोगकर्ता को प्रदर्शित किया जाएगा।

जब आप एक वेब पेज बनाते हैं, तो आप किसी अन्य वेब पेज या वेबसाइट को संदर्भित कर सकते हैं। . उदाहरण के लिए, आप एक ब्लॉग शुरू कर सकते हैं और उस लेख से लिंक करना चाहते हैं जो आपको प्रासंगिक लगता है। उपयोगकर्ताओं को कई वेब पेजों के बीच जल्दी से नेविगेट करने की अनुमति देता है। हाइपरलिंक का उपयोग आपकी साइट के अन्य पृष्ठों या विभिन्न साइटों के पृष्ठों से लिंक करने के लिए किया जा सकता है।

इस मार्गदर्शिका में, हम HTML में हाइपरलिंक की मूल बातें देखेंगे। . हम इस बारे में बात करने जा रहे हैं कि कैसे लिंक एक साथ लक्ष्य बनाते हैं, बुकमार्क एंकर और ईमेल पते और वेब तत्वों के लिंक कैसे बनाते हैं।

HTML हाइपरलिंक

एक हाइपरलिंक HTML दूसरे वेब संसाधन की ओर इशारा करता है। हाइपरलिंक को टैग और क्लोजिंग टैग के बीच परिभाषित किया जाता है। लिंक पर क्लिक करने पर इन दो टैग के बीच का टेक्स्ट उपयोगकर्ता को लिंक किए गए वेब संसाधन पर ले जाता है।

हाइपरलिंक्स लेबल का उपयोग करके बनाए जाते हैं। एक HTML फ़ाइल में लिंक के लिए सिंटैक्स यहां दिया गया है:

हमारे URL लिंक टैग के बीच का टेक्स्ट जिसे हम अपने ओपनिंग टैग में निर्दिष्ट करते हैं। हम गंतव्य URL चुनने के लिए href विशेषता का उपयोग करते हैं। यह एक संपूर्ण URL या एक संपूर्ण लिंक हो सकता है जैसे https://python.engineering या हमारी साइट के किसी भाग का URL

यहां कर्मा करियर होम पेज के वेब पते की ओर इशारा करने वाले लिंक का एक उदाहरण दिया गया है:

HTML लिंक टैग टाइप

ब्राउज़र में तीन प्रकार के लिंक देखे जा सकते हैं। ये हैं:

• अनदेखे लिंक्स , जो नीले रंग में दिखाई देते हैं
• विज़िट किए गए लिंक, जो बैंगनी रंग में दिखाई देते हैं
• सक्रिय लिंक, जो इसमें दिखाई देते हैं लाल

कुछ वेबसाइटें इन रंगों को बदल देती हैं, जिसका अर्थ है कि वे अलग तरह से दिखाई देते हैं, लेकिन ये मुख्य प्रकार के लिंक हैं जिन्हें आप HTML HTML हाइपरलिंक

.: लक्ष्य

आप लिंक के खुलने के तरीके को बदल सकते हैं। उदाहरण के लिए, मान लें कि आप उपयोगकर्ता के वेब ब्राउज़र में एक नए टैब में एक लिंक खोलना चाहते हैं। यह सुनिश्चित करेगा कि उपयोगकर्ता उस

वेब पृष्ठ पर अपना स्थान नहीं खोएगा जिसे वे वर्तमान में देख रहे हैं। यहीं पर targetHTML लिंक विशेषता आती है। लक्ष्य लिंक का उपयोग करके, आप निर्दिष्ट कर सकते हैं कि ब्राउज़र को आपके द्वारा कनेक्ट किए गए संसाधन को कहां खोलना चाहिए

आप चार प्रकार के लक्ष्यों का उपयोग कर सकते हैं, जो हैं:.

• _self: एक ही विंडो और टैब में वेब संसाधन पर जाएं। यह HTML हाइपरलिंक्स
• _parent में उपयोग किया जाने वाला डिफ़ॉल्ट गंतव्य है: .. पैरेंट विंडो में वेब संसाधन पर जाएं
• < उन्हें>_रिक्त:. एक नई विंडो या टैब में वेब संसाधन पर जाएं
• _top:. एक पूर्ण ब्राउज़र विंडो में वेब संसाधन पर जाएँ

इनमें से कुछ सक्रिय लिंक का एक उदाहरण यहां दिया गया है:

हाइपरलिंक HTM L: बुकमार्क एंकर <स्पैन क्लास = "ez-toc सेक्शन-एंड">

हाइपरलिंक्स HTML HTML के विशिष्ट भाग को भी संदर्भित कर सकता है दस्तावेज़। यह उपयोगी है यदि आपके पास एक लंबा वेबपेज है और आप टेक्स्ट में किसी विशेष स्थान पर उपयोगकर्ता को निर्देशित करना चाहते हैं।

एंकर का उपयोग शुरू करने से पहले बुकमार्क के लिए, आपको पहले अपने इच्छित तत्व पर एक आईडी विशेषता सेट करनी होगी उपयोगकर्ता के पास जाना है। वेब पेज पर किसी शीर्षक पर आईडी विशेषता घोषित करने का एक उदाहरण यहां दिया गया है:

हमने HTML हेडर टैग को असाइन किया है जिसमें आईडी उपशीर्षक3 है, जिसे हम लिंक में संदर्भ के रूप में उपयोग कर सकते हैं .

यहां लिंक का एक उदाहरण दिया गया है जो इस हेडर का संदर्भ देता है:

पर जाएं। टैग, हम उस आइटम की आईडी निर्दिष्ट करते हैं जिससे हम लिंक करना चाहते हैं। आइए आईडी (#) से पहले हैश लाएं ताकि ब्राउज़र को पता चले कि लिंक किया गया दस्तावेज़ हमारे वेब पेज पर है।

HTML एंकर टैग

एक HTML एंकर टैग लेबल को दर्शाता है। यह टैग उपयोगकर्ता को दूसरे वेब संसाधन से जोड़ता है। "Href" विशेषता उस संसाधन को परिभाषित करती है जिसे उपयोगकर्ता लिंक पर क्लिक करने पर निर्देशित करेगा।

HTML एंकर टैग के उदाहरण

आइए HTML टैग का उपयोग करने के कुछ उदाहरण देखें।

सापेक्ष URL

यदि आप उसी HTML दस्तावेज़ पर किसी संसाधन से लिंक कर रहे हैं जिसे आप विकसित कर रहे हैं, तो आप एक सापेक्ष URL का उपयोग कर सकते हैं। संबंधित URL को स्थानीय लिंक भी कहा जाता है और वे " https: //www.sitename .com "वाक्यविन्यास। इसके बजाय, स्थानीय सर्वर पर एक विशिष्ट फ़ाइल पथ वेब संसाधन को इंगित करने वाले सापेक्ष URL। मान लें कि हम करियर कर्म की वेबसाइट पर एक लिंक बनाते हैं जो हमारे ब्लॉग को इंगित करना चाहिए। संपूर्ण URL का उपयोग करने के बजाय, हम स्थानीय URL का उपयोग कर सकते हैं, क्योंकि हमारी साइट कर्म कैरियर साइट है। यहाँ वह कोड है जिसका उपयोग हम इस लिंक को बनाने के लिए करेंगे: