🌐 HTML में Link कैसे बनाएं? (index.html से about.html या services.html को जोड़ना)
जब आप कोई वेबसाइट बनाते हैं, तो उसमें अलग-अलग पेज होते हैं जैसे — Home (index.html), About (about.html), Services (services.html) इत्यादि। इन्हें आपस में जोड़ना बहुत जरूरी होता है जिससे यूजर आसानी से navigate (यानी एक पेज से दूसरे पेज पर जा सके) कर सके।
❓ क्यों Link करना जरूरी है?
- वेबसाइट में Navigation के लिए (जैसे Home से About या Services पेज पर जाना।
- User Experience बेहतर होता है।
- सभी Pages आपस में जुड़े रहते हैं, जिससे वेबसाइट Professional लगती है।
- SEO (Search Engine Optimization) में भी मदद मिलती है।
📝 Example: index.html से about.html और services.html को Link करना
👨🏻💻 HTML कोड (index.html):
<!DOCTYPE html>
<html>
<head>
<title>About Us</title>
</head>
<body>
<nav>
<a href="index.html">Home</a> |
<a href="about.html">About Us</a> |
<a href="services.html">Services</a>
</nav>
<h1>About Us</h1>
<p>हमारी वेबसाइट के बारे में जानकारी...</p>
</body>
</html>
⚡ इसी तरह services.html में भी link जोड़ें।
🔗 Link कैसे काम करता है?
- <a href="about.html">About Us</a>
- जब यूज़र इस Link को क्लिक करता है, ब्राउज़र उसी Folder में मौजूद about.html फाइल खोल देता है।
Output Preview
वेबसाइट के ऊपर एक Navigation बार होगी जिसमें Home, About Us, और Services के लिंक होंगे।
क्लिक करते ही, आप उस पेज पर पहुंच जायेंगे।
📌 Notes:
- अपनी सभी फाइलें एक ही फोल्डर में रखें, या href के रास्ते सही लिखें।
- Anchor tag (<a>) का उपयोग Link बनाने के लिए होता है।
- Website Navigation के लिए Link सबसे जरूरी Step हैं।
🚩 निष्कर्ष (Conclusion):
यदि वेबसाइट में सभी पेज आपस में Link किए हुए हैं, तो User Experience काफी बढ़ जाता है। इसी वजह से HTML Linking हर Beginner Web Developer को जरूर सीखना चाहिए!