Attributes: href, target, title html in hindi
एचटीएमएल वेब पेज में <a> एंकर टैग में href, target और title डिफ़ॉल्ट वेबसाइट यूआरएल लिंक ऐट्रिब्यूट्स प्रॉपर्टीज और वेब पेज वेबसाइट मल्टीपल हाइपरलिंक ऑब्जेक्ट फीचर्स के बारे में विस्तार से जाने।
HTML anchor href attribute.
मौजूदा एचटीएमएल वेब पेज में लिंक जिस वेबपेज या वेब रिसोर्सेज टारगेट हाइपरलिंक वेबसाइट यूआरएल लोकेशन को इंडीकेट करता है, इसमें आप उस वेबसाइट यूआरएल एड्रेस को ऐड करे, जिसे आप वेबसाइट लिंक के तोर पर उपयोग करने जा रहे है।
किसी भी एचटीएमएल वेब पेज में आप सबसे पहले href ऐट्रिब्यूट्स में उस वेबसाइट यूआरएल को ऐड करेंगे। जिसे आप अपने वेबसाइट में लिंक के रूप में उपयोग करना चाहते हो.
- Web site full URL – उस वेबसाइट लोकेशन या यूआरएल को दर्शाता है. जिसे आप यूआरएल लिंक के तोर पर लिंक में उपयोग करने जा रहे है, इसमें आप एक दम सही एक्सएक्ट अब्सोलुट वेबसाइट यूआरएल वेब एड्रेस लोकेशन को ऐड करते है।
<a href=”https://www.vcanhelpsu.com”>Lets jump on vcanhelpsu</a>
- Website relative URL – किसी पर्टिकुलर वेबसाइट में वर्तमान वेबपेज वेबसाइट के किसी इंडिविजुअल वेब पेज रिलेटिव वेब पेज लोकेशन को हाइपरलिंक के रूप में इस्तेमाल किया जाता है।
<a href=”contactus.html”>Contact Us</a>
- Webpage anchor link – किसी बड़ी वेबसाइट में हाइपरलिंक id ऐट्रिब्यूट्स को मौजूदा वेबसाइट वेब पेज या किसी अन्य वेबसाइट वेब पेज के अंदर किसी पर्टिकुलर पैराग्राफ सेक्शन एरिया को क्विक लिंक के रूप में उपयोग किया जाता है।
<a href=”#html”>let explore html</a>
- Email hyperlink – यदि आप अपने वेबसाइट में अपने कंपनी,ऑफिस,आर्गेनाइजेशन के कमर्शियल ईमेल एड्रेस को लिंक के रूप में उपयोग करना चाहते है। तो आप ईमेल हाइपरलिंक ऐट्रिब्यूट्स को उपयोग कर सकते है
<a href=”mailto:vcanhelpsu@gamil.com”>Contact Email</a>
- Phone hyperlink – फ़ोन हाइपरलिंक से आप अपनी वेबसाइट वेब पेज में लैंडलाइन या सेलफोन नंबर को लिंक के रूप में ऐड कर सकते है, यह आपके कंप्यूटर में इन्सटाल्ड एप्प के माध्यम से लिंक के साथ ओपन हो जाएगा।
<a href=”tel:+987432112″>Call Me</a>
- File download link in website – यदि आप अपनी वेबसाइट में फाइल डाउनलोड लिंक क्रिएट करना चाहते है, तो आप उस वेब रिसोर्सेज को अपने सर्वर में अपलोड कर क्लाइंट फाइल डाउनलोड लिंक क्रिएट कर सकते है।
<a href=”files/result.pdf” download>Download Result</a>
Hyperlink target attribute.
हाइपरलिंक टारगेट एट्रिब्यूट मौजूदा वेब पेज में इंडीकेट करता है कि, किसी पर्टिकुलर वेबसाइट में लिंक किए गए लिंक रिसोर्सेज डॉक्यूमेंट को कैसे और कहा ओपन किया जाएगा। आप ओपन होने वाले वेबसाइट लिंक रिसोर्सेज को वेबसाइट में कैसे और कहा डिस्प्ले करना है।
Hyperlink target attributes.
- _self attributes – वेबसाइट,वेब पेज हाइपरलिंक को उसी वेबसाइट डिफ़ॉल्ट फ़्रेम या टैब विंडो में ओपन फीचर्स प्रदान करता है।
<a href=”https://www.vcanhelpsu.com” target=”_self”>Explore Vcanhelpsu</a>
- _blank attributes – हाइपरलिंक यूआरएल लिंक को नए वेब ब्राउज़र टैब या विंडो में ओपन फीचर्स प्रदान करता है।
<a href=”https://www.vcanhelpsu.com” target=”_blank”>Explore Vcanhelpsu</a>
- _parent attributes – वेबसाइट वेब पेज यूआरएल लिंक को पैरेंट फ़्रेम में विंडो में ओपन फीचर्स प्रदान करता है।
<a href=”https://www.vcanhelpsu.com” target=”_parent”>Visit vcanhelpsu</a>
- _top attributes – मौजूदा वेबसाइट यूआरएल लिंक को पूरी वेब ब्राउज़र विंडो में ओपन फीचर्स प्रदान करता है, टॉप ऐट्रिब्यूट्स में फ़्रेम आटोमेटिक रिमूव हो जाती है।
<a href=”https://www.vcanhelpsu.com” target=”_top”>Visit Vcanhelpsu</a>
Hyperlink title attribute.
एंकर टैग में हाइपर लिंक पेज या वेबसाइट यूआरएल लिंक के बारे में टूलटिप या लिंक इनफार्मेशन प्रदान करता है, कई बार वेब डेवलपर लिंक पेज या यूआरएल के बारे में टूलटिप या टेक्स्ट इनफार्मेशन को डिस्प्ले करना चाहता है, तो आप टाइटल एट्रिब्यूट के माध्यम से लिंक पर होवर करते समय टारगेट टाइटल टूलटिप जानकारी प्रदर्शित होती है।
HTML anchor title attribute example.
<a href=”https://www.vcanhelpsu.com” title=”website for programmers and web developer”>Visit Title Attributes</a>
Basic link with title tooltip.
<a href=”https://www.vcanhelpsu.com” title=”let open vcanhelpsu website”>open vcanhelpsu</a>
Title link description – किसी भी वेबसाइट लिंक में हाइपरलिंक किए गए टेक्स्ट पर वेब यूजर द्वारा क्लिक करने पर लिंक किये गए टूलटिप होवर टेक्स्ट इनफार्मेशन को डिस्प्ले करेगा।
Hover link with title tooltip to open link in new tab.
<a href=”https://www.vcanhelpsu.com” target=”_blank” title=”website for web developer or programmer”>open vcanhelpsu</a>
ऊपर दिए गए लिंक पर क्लिक करने से टाइटल लिंक यूआरएल एड्रेस को नए टैब में ओपन करेगा, जिसमें वेब यूजर द्वारा माउस को टेक्स्ट में होवर करने पर टूलटिप इनफार्मेशन प्रदर्शित होगी।
HTML web page linking paragraph sections within the same page.
Link to a Section Within the Same Page.
<!– Link to a section –>
<a href=”#php” title=”move to php section”>Learn Php</a>
<!– Target section –>
<h2 id=”javascript”>Explore Javascript</h2>
ऊपर दिए गए एक्साम्प्ल में “लर्न पीएचपी ” पर क्लिक करने से जावास्क्रिप्ट आईडी वाले लिंक पर मूव हो जाएंगे।
Linking an email with a tooltip in an email anchor tag.
<a href=”mailto:vcanhelpsu@gmail.com” title=”contact us with email”>Let Email vcanhelpsu</a>
ऊपर दिए गए ईमेल लिंक में ईमेल भेजने के लिए डिफ़ॉल्ट यूजर कंप्यूटर ईमेल क्लाइंट सॉफ्टवेयर या एप्प को ओपन करेगा, जिसमें यूजर द्वारा दी गई ईमेल टूलटिप इनफार्मेशन डिस्प्ले होगी।
