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

| | | | | | | | |

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

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

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

HTML हाइपरलिंक

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

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

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

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

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

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

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

.: लक्ष्य

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

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

>

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

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

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

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

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

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

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

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

HTML एंकर टैग

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

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

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

सापेक्ष URL

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

जब हमने कर्म करियर ब्लॉग टेक्स्ट पर क्लिक किया, तो हमें हमारे / ब्लॉग संसाधन पर निर्देशित किया गया साइट

ईमेल पता

एंकर टैग का उपयोग ईमेल पते से लिंक करने के लिए भी किया जा सकता है। जब आप किसी ईमेल पते के लिंक पर क्लिक करते हैं, तो उपयोगकर्ता का डिफ़ॉल्ट ईमेल प्रोग्राम खुल जाएगा। द. उपयोगकर्ता से पूछा जाएगा कि क्या वे निर्दिष्ट ईमेल पते पर संदेश भेजना चाहते हैं

ईमेल पते से कनेक्ट करने के लिए, आपको मेलटो प्रोटोकॉल के साथ लिंक प्रारंभ करना होगा: यहां ईमेल के लिंक का एक उदाहरण दिया गया है HTML में पता:

जब हम अपने लिंक पर क्लिक करते हैं, तो हमारा ईमेल प्रोग्राम खुल जाता है और हमें " कुछ भी नहीं@google.com " The. एंकर टैग वेब पेज पर किसी तत्व से लिंक कर सकता है। आप इस लिंक को उस तत्व की आईडी निर्दिष्ट करके बना सकते हैं जिस पर एंकर को इंगित करना चाहिए। मान लीजिए हम एक लिंक चाहते हैं जो हमारे उपयोगकर्ता को वेब पेज पर विषय परीक्षण शीर्षलेख पर ले जाए। हम निम्नलिखित कोड का उपयोग करके यह लिंक बना सकते हैं:

जब हमारे लिंक पर क्लिक करते हैं तो हमारा वेबपेज आईडी के साथ आइटम पर स्क्रॉल करता है test_heading .

निष्कर्ष

हाइपरलिंक्स HTML में वेब पेज या अन्य संसाधन को जोड़ने के लिए उपयोग किया जा सकता है। आप अपनी साइट या किसी अन्य वेबसाइट पर संसाधनों से कनेक्ट करने के लिए हाइपरलिंक का उपयोग कर सकते हैं। इस गाइड में, हमने समझाया है कि एचटीएमएल दस्तावेज़ में हाइपरलिंक का उपयोग कैसे करें।

इस सारी जानकारी के साथ, आप हाइपरलिंक बनाने के लिए तैयार हैं एचटीएमएल एक मास्टर की तरह!

एचटीएमएल में कोडिंग के बारे में अधिक जानने के लिए, हमारी HTML गाइड कैसे सीखें पढ़ें .

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers

News


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method