Add Links – Hyperlinks in HTML – HTML में लिंक्स – Hyperlinks जोड़ें :- इस पोस्ट के पहले मैंने जो पोस्ट लिखी हैं, उसमें मैंने बताया हैं, की कैसे आप HTML में लिंक्स और फोटो को जोड़ सकते हैं, पर वो उदाहरण काफी सिंपल था, अब हम अभी इस पोस्ट में HTML में जुड़ने वाले लिंक्स को और भी अच्छे से समझेंगे, और कई तरीको के बारे में बात करेंगे, जिनसे की आप लिंक्स को जोड़ सकते हैं .
HTML Links – Hyperlinks :- आप लिंक्स के ऊपर क्लिक कर के उसी वेबसाइट के किसी अन्य पेज (वेबपेज) पर जा सकते हैं , या फिर किसी दूसरे वेबसाइट / डॉक्यूमेंट पर जा सकते हैं, ये कुछ वैसा ही हैं, जैसे की आप वेबसाइट पर भारत देश के सभी राज्यों के बारे में जानकारी दे रहे हो, पर किसी एक ब्लॉग या पोस्ट में ये नामुमकिन हैं, की आप सारी जानकारी दे सके, तो आप क्या करेंगे ? , आप पहले सभी राज्यों के नाम को लिखेंगे और फिर , हर राज्य के नाम पर Hyperlinks दे कर, उसे किसी दूसरे पोस्ट पर रेफेर कर देंगे , इससे आपका ब्लॉग या पोस्ट सिंपल हो जाएगा, और यूजर पढ़ने और समझने में आसानी होगी.
जैसा की निचे दिए हुए उदाहरण में, मैँ https://www.aforapple.co.in/ का लिंक बनाना चाहता हूँ।
<a href=”https://www.aforapple.co.in”>Aforapple Education</a>
अब ऊपर दिए हुए कोड को यदि आप रन करके देखेंगे तो, उसी पेज पर दूसरा लिंक यानी www.aforapple.co.in ओपन हो जाएगा, पर यदि आप चाहते हैं, की दूसरा लिंक नए Tab में खुले तो उसके लिए निचे दिए हुए कोड को फॉलो करें।
<a href=” https://www.aforapple.co.in” target=”_blank”>Aforapple Education </a>
अब अगर आप किसी इमेज या फोटो को लिंक के रूप में उपयोग में लाना चाहते हैं, तो उसके लिए निचे दिए हुए कोड को उपयोग में लायें।
<!DOCTYPE html>
<html>
<head>
<title>HTML Image Link Example</title>
</head>
<body>
<a href=”https://www.aforapple.co.in/”>
<img src=”https://www.ibexinfos.com/wp-content/uploads/2021/05/cropped-IBEXINFOS-270×270.jpeg” alt=”HTML Image Link” style=”width:50px;height:60px;”>
</a>
</body>
</html>
ऊपर दिए हुए कोड को अगर आप लिख कर रन रखेंगे तो, आप को निचे दिए हुवे इमेज जैसा आउटपुट मिलेगा।
जैसे ही आप इमेज पर क्लिक करेंगे https://www.aforapple.co.in/ वेबसाइट ओपन हो जायेगी।
और अगर आप चाहते हैं की, एक बटन HTML पेज पर हो, और जब उस पर यूजर क्लिक करें, तो लिंक ओपन हो जाए तो उसके लिए निचे दिए हुए कोड को फॉलो करें।
<button>HTML Button Hyperlink</button>
पूरा कोड निचे से कॉपी करें।
<!DOCTYPE html>
<html>
<head>
<title>HTML Button Link Example</title>
</head>
<body>
<a href=”https://www.aforapple.co.in/”>
<button>HTML Button Hyperlink</button>
</a>
</body>
</html>
जैसे ही आप ऊपर दिए हुए कोड को रन कर के देखेंगे, तो आप को निचे दिए स्क्रीन जैसा आउटपुट मिलेगा।
तो आज हमने सीखा की, HTML में हाइपरलिंक और बटन में लिंक , इमेज में लिंक को कैसे जोड़ सकते हैं, अगले पोस्ट में images को और भी अच्छे से जोड़ने, और एक सुन्दर HTML पेज बनाने के बारे में बात करेंगे, और कुछ नया सीखेंगे.
थैंक यू।