आज इस आर्टिकल में हम आपको HTML Links Tutorials in Hindi – Part 8 के बारे में बताएँगे।
आपको सभी HTML tutorial स्टेप by स्टेप ही फॉलो करना है।
HTML Links का इस्तेमाल सभी page पर किया जाता है। इसके इस्तेमाल से हम User को एक page से दुसरे page पर jump कर सकते है।
हम HTML Link को Hyperlinks भी कह सकते है।. जब भी आप लिंक पर क्लिक करते है तो आपको दुसरे डॉक्यूमेंट या फिर web page पर भेज दिया जाता है। इसके अलावा आप जब भी लिंक के ऊपर अपना mouse cursor लेकर जायेंगे तो आपका cursor एक Hand के रूप में बदल जाएगा।
HTML Link Syntax
<a href="">Link Here</a>
अगर हम href attributes का इस्तेमाल नही करेंगे तो यह लिंक की तरह काम नही करता है।
इसीलिए हमें href attribute का इस्तेमाल करना चाहिए।
Example
<a href="https://hindialerts.com/">RJ Beat</a>
यहाँ यह जरुरी नही है की हमें सिर्फ किसी वेबसाइट का ही देना है।
हम यहाँ पर किसी Local Path को सेलेक्ट करके किसी फाइल को open कर सकते है।
Example
<a href="d:/parent/child/file.html">Local File In Pc</a>
HTML Link Color
हम किसी भी links tag के color को भी बदल सकते है। इसके बारे में हम आपको HTML style tutorial में बताएँगे। इसमें 4 तरीके से color किये जा सकते है. एक जब लिंक show होता है। एक जब कोई user इस पर cursor लेकर जाता है। एक जब user इस पर क्लिक करता है और इसके अलावा जब कोई user किसी लिंक पर विजिट कर चूका हो तो उसका color भी हम change कर सकते है।
HTML Target Attributes
इसका इस्तेमाल links tag में tab किया जाता है जब हमें किसी लिंक पर क्लिक करने पर वो डॉक्यूमेंट और page कहाँ open होना चाहिए।
जैसे same उसी page पर जहाँ पर लिंक है. या नए page पर।
Example
<a href="http://tuts.examvictory.com" target="_blank">Rj Beat</a>
इसका इस्तेमाल तब किया जाता है जब आपको page या डॉक्यूमेंट किसी नए tab में open करना है।
<a href="http://tuts.examvictory.com" target="_parent">Rj Beat</a>
जब आपको कोई लिंक किसी parent frame में open करना हो।
<a href="http://tuts.examvictory.com" target="_top">Rj Beat</a>
जब आपको कोई लिंक full विंडो में open करना है।
<a href="http://tuts.examvictory.com" target="_self">Rj Beat</a>
यह Default होता है इसको सेलेक्ट करने की जरूरत नहीं है।
HTML IMG link
हम किसी भी html image को एक लिंक बना सकते है।इसके लिए आपको <img> element को <a> element के अन्दर रखना होगा।
Example
<a href="https://hindialerts.com/">
<img src="image.jpg"/>
</a>
इस प्रकार आप किसी भी image को एक लिंक बना सकते है।
जब भी कोई user लिंक पर क्लिक करे तो वो वह <a> element में दिए गए लिंक पर jump कर दिया जाएगा।
HTML Links Title
इसका इस्तेमाल करके हम किसी भी link को एक title दे सकते है।
यह title टैब show होगा जब कोई user हमारे दिए गए लिंक पर mouse लेकर जाता है।
Example
<a href="https://hindialerts.com/" title="Go to HTML Tutorial">Visit our HTML Tutorial</a>
HTML Link use to Jump to HTML tag
इसका इस्तेमाल आजकल बहुत ज्यादा होने लगा है और इसका इस्तेमाल bookmark करने के लिए किया जाता है।मान लो अगर हमारे पास बहुत बड़ा आर्टिकल है और उसमे हमने कुछ heading tag लगाये है। हम चाहते है की user जब भी किसी एक लिंक पर क्लिक करे तो वही उसी के अनुसार उस specified heading या section तक आसानी से पहुँच जाए। तो इसके लिए भी हम HTML लिंक का इस्तेमाल कर सकते है।
Example
<a href="#C1">Jump to Chapter 4</a>
<h2 id="C1">Chapter 1</h2>
यहाँ पर आपको ध्यान रखना है की जब आप किसी tag में Id attribute का इस्तेमाल करे तो यो <a> element में आपको # और इसके साथ उस id की value रखनी है।यहाँ हम आपको नीचे एक लिंक दे रहे है जिस पर क्लिक करने के बाद में आप सबसे ऊपर की heading HTML Link Syntax पर पहुँच जाओगे।
Click Here to Go Link Syntax Heading
