Introduction
जब हम एक web page से दूसरे web page या website पर जाना चाहते हैं, तो Linking का उपयोग किया जाता है।
सोचिए—अगर किसी website पर links ही ना हों, तो आप एक page से दूसरे page पर कैसे जाएंगे? हर बार नया URL manually डालना पड़ेगा।
यहीं पर HTML Linking काम आता है। यह users को different pages, documents और websites के बीच आसानी से navigate करने की सुविधा देता है।
Web Designing में linking बहुत महत्वपूर्ण है, क्योंकि पूरी website navigation इसी पर depend करती है।
Definition
HTML में Linking Documents का मतलब है एक web page को दूसरे page, file या resource से जोड़ना, जिसे <a> (anchor) tag के माध्यम से किया जाता है।
Concept
1. Anchor Tag क्या होता है
HTML में link बनाने के लिए <a> tag का उपयोग किया जाता है।
इसमें href attribute होता है, जो destination (link का address) बताता है।
2. Basic Syntax
<a href="URL">Link Text</a>Give feedback
3. Internal Linking
जब हम एक ही website के अंदर एक page को दूसरे page से जोड़ते हैं, तो उसे internal linking कहते हैं।
Example:
<a href="about.html">About Page</a>Give feedback
Output:
Click करने पर about.html page open होगा।
4. External Linking
जब हम किसी दूसरी website पर link करते हैं, तो उसे external linking कहते हैं।
Example:
<a href="https://www.google.com">Visit Google</a>Give feedback
Output:
Click करने पर Google website open होगी।
5. Open Link in New Tab
अगर हम चाहते हैं कि link नए tab में खुले, तो target="_blank" use करते हैं।
<a href="https://www.google.com" target="_blank">Open Google</a>Give feedback
6. Linking Email
Email link बनाने के लिए mailto: का उपयोग किया जाता है।
<a href="mailto:example@gmail.com">Send Email</a>Give feedback
Output:
Click करने पर email client open होगा।
7. Linking Image
Image को भी link के रूप में उपयोग किया जा सकता है।
<a href="https://example.com">
<img src="photo.jpg" alt="Image Link">
</a>Give feedback
Output:
Image पर click करने से link open होगा।
8. Bookmark Linking (Same Page)
एक ही page के अंदर किसी specific section पर जाने के लिए bookmark linking use होती है।
<a href="#section1">Go to Section 1</a><h2 id="section1">Section 1</h2>Give feedback
Output:
Click करने पर page उसी section पर scroll हो जाएगा।
Real-Life Example
मान लीजिए आप एक website पर हैं:
Home
About
Contact
आप इन options पर click करके अलग-अलग pages पर जाते हैं। यही linking है।
Important Points
<a> tag link बनाने के लिए use होता है
href attribute destination बताता है
Internal और external दोनों प्रकार के links होते हैं
target=”_blank” नए tab के लिए use होता है
Email और image linking भी possible है
Linking navigation का main हिस्सा है
निष्कर्ष
Linking Documents HTML का एक महत्वपूर्ण हिस्सा है, जो web pages को आपस में जोड़ता है और user को आसानी से navigation करने में मदद करता है। बिना linking के कोई भी website complete नहीं मानी जाती।