Creating hyperlinks with a In Hindi
एचटीएमएल5 वेब पेज ब्लॉग पोस्ट डिज़ाइन में एंकर <a> टैग का उपयोग हाइपरलिंक टेक्स्ट, इमेज, ऑडियो, वीडियो, डॉक्यूमेंट, और अन्य कई प्रकार के वेब पेज लिंक क्रिएट करने में उपयोग किया जाता है. जो वेब, इंटरनेट यूजर को वेबसाइट में सिंगल पेज से मल्टीप्ल वेब पेज पेज सामान्य लिंक, टेक्स्ट लिंक, और अन्य कई प्रकार के इंटरनल और एक्सटर्नल लिंक पर मूव और वेब कंटेंट को आसानी से नेविगेट और सर्फ करने में हेल्पफुल है। वर्ल्ड वाइड इंटरनेट पर उपलब्ध सभी वेबसाइट कंटेंट और इनफार्मेशन वेब पेजेज आपस में हाइपरलिंक के माध्यम से एक पेज से दूसरे पेज से जुड़े हुए है।
Hyperlink tag basic syntax in HTML5.
<a href=”URL”>Hyperlink Text Info</a>
Hyperlink tag Attributes.
- Anchor href attribute – एचटीएमएल5 वेब पेज में उस लिंक वेब पेज या वेबसाइट यूआरएल लिंक को इंडीकेट या डिफाइन किया जाता है, जिससे वेब टेक्स्ट को हाइपरलिंक किया जाता है।
- Anchor link text – एचटीएमएल5 वेब पेज में एंकर <a> टैग के साथ दिए गए लिंक या टेक्स्ट इनफार्मेशन पर क्लिक करने पर डिफाइन लिंक को एक्सेस या ओपन किया जाता है।
Usage of the anchor <a> tag in HTML5.
Basic hyperlink tag syntax.
<a href=”https://www.vcanhelpsu.com”>Open Vcanhelpsu</a>
ऊपर दिए बेसिक हाइपरलिंक टैग में वचनहेल्प्सु.कॉम नाम से एक हाइपरलिंक क्रिएट किया गया है, जिस पर क्लिक करने पर “Open Vcanhelpsu” टेक्स्ट पर क्लिक करने पर https://www.vcanhelpsu.com वेबसाइट ओपन होगी।
Link to a specific section on the same page in HTML5 web page.
एचटीएमएल5 वेब पेज में सबसे पहले, आपको एक ऐसा ब्लॉग पोस्ट आर्टिकल बनाना होगा, जो काफी लम्बा या जिसमे एक से अधिक पैराग्राफ ब्लॉक सेक्शन हो. इसके बाद लिंक id ऐट्रिब्यूट्स का उपयोग कर ब्लॉग सेक्शन पर इमीडियेट मूव किया जाता है।
<h2 id=”section1″>Section Link</h2>
<h2 id=”html”>Html</h2>
<h2 id=”javascript”>Javascript</h2>
Now create individual section links in the hyperlink section above.
<a href=”#section1″>Move On Section1</a>
<a href=”#java”>Java</a>
<a href=”#php”>Php</a>
ऊपर दिए गए सेक्शन लिंक पर क्लिक करने पर उसी वेब पेज में दिए गए id=”section1″ वाले एलिमेंट पर मूव करेगा।
Open the hyperlink in a new tab or window in a web browser.
_blank Attributes – आप एचटीएमएल5 वेब पेज में डिजायर वेब पेज लिंक यूआरएल को ब्लेंक पेज टैब ऐट्रिब्यूट्स के साथ ओपन करे.
<a href=”https://www.vcanhelpsu.com” target=”_blank”>Open Vcanhelpsu.com</a>
ऊपर दिए गए लिंक को नए ब्लेंक ऐट्रिब्यूट्स वेब ब्राउज़र टैब या विंडो में ओपन करेगा।
Create an HTML5 email link.
यदि आप अपने एचटीएमएल5 वेब पेज में एक ईमेल लिंक बनाना चाहे, तो आप mailto ईमेल ऐट्रिब्यूट्स को आप एचटीएमएल5 वेब पेज में उपयोग करे. यह ऐट्रिब्यूट्स यूजर के क्लिक करने पर लिंक को ईमेल अकाउंट के साथ ओपन करता है।
<a href=”mailto:vcanhelpsu@gmail.com”>Email Us</a>
ऊपर दिए गए लिंक पर क्लिक करने से इंटरनेट यूजर अपने वेब कंप्यूटर में कॉन्फ़िगर ईमेल क्लाइंट या ऑनलाइन मेल क्लाइंट के साथ मौजूदा vcanhelpsu@gmail.com के साथ खुल जाएगा और आप अब इस मेल पर नया ईमेल लिख सकते है।
Create an HTML5 telephone link.
आप यदि अपने एचटीएमएल5 वेब पेज में एक टेलीफोन लिंक को बनाना चाहे, तो ahref टेल ऐट्रिब्यूट्स के साथ टेलीफोन नंबर एंटर कर फ़ोन लिंक क्रिएट करे।
<a href=”tel: +111122223334444″>You Can Call Us </a>
ऊपर दिए गए टेलीफोन लिंक पर क्लिक करने से आपके कंप्यूटर डिवाइस में +111122223334444 पर फ़ोन कॉल करने के लिए रिलेटेड एप्प या सॉफ्टवेयर को ओपन करेगा।
Link to a file in an HTML5 web page.
Create a file download link in an HTML5 web page.
<a href=”/files/result.pdf” download>Download Result PDF</a>
यहाँ आप यदि ऊपर वाले लिंक में Download Result PDF पर क्लिक करने पर रिजल्ट पीडीऍफ़ फाइल क्लाइंट कंप्यूटर में डाउनलोड हो जाएगी।
Link to image in HTML5 web page.
Insert image with hyperlink in HTML5 web page.
<img src=”car.png” alt=”car image”>
Attributes of the anchor <a> tag.
- href attributes – वेब पेज इमेज में लिंक वेबसाइट यूआरएल इनफार्मेशन को डिस्प्ले करता है।
- target attributes – लिंक पेज वेबसाइट यूआरएल को कैसे और कहा ओपन करना है।
Image link attributes.
- _blank – ओपन इमेज ऑब्जेक्ट इन नई टैब और विंडो आर्डर।
- _self – ओपन वेब पेज इमेज ऑब्जेक्ट इन नई डिफ़ॉल्ट, समान फ़्रेम/टैब।
- _parent – ओपन वेब पेज इमेज इन पैरेंट फ़्रेम।
- _top – ओपन वेब पेज इमेज इन कम्पलीट विंडो।
- rel – रिलेटेड ऐट्रिब्यूट्स आपको वर्तमान वेब पेज डॉक्यूमेंट और लिंक किए गए वेब पेज डॉक्यूमेंट के मध्य लिंक इनफार्मेशन प्रोवाइड करता है।
- noopener – मौजूद पेज को नए पेज को मूल पेज की विंडो ऑब्जेक्ट तक रिस्ट्रिक्ट करता है)
- noreferrer – वेब पेज में वेब ब्राउज़र को रेफ़रर हेडर भेजने रिस्ट्रिक्ट करता है.
- nofollow – यह इंडीकेट करता है कि, मौजूदा लिंक सर्च इंजन को लिंक का फॉलो नहीं करता है.
- download – डाउनलोड ऐट्रिब्यूट्स वेब ब्राउज़र को गाइड करता है कि टार्गेटड लिंक को क्लाइंट सिस्टम में डाउनलोड किया जाना चाहिए, यूजर द्वारा नेविगेट नहीं होना चाहिए।
- type – मौजूदा वेब पेज में लिंक किए गए इंटरनेट रिसोर्सेज रिसोर्सेज का MIME टाइप नेचर डिफाइन करता है।
HTML5 anchor link attributes example.
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Html 5 Link Attributes </title>
</head>
<body>
<h1 align=center>Lets Tray Some Anchor Link Attributes In Html Web Page </h1>
<p>Tray Blank Anchor Link Attributes – <a href=”https://www.vcanhelpsu.com” target=”_blank” rel=”noopener”>Open Vcanhelpsu Website</a></p>
<p>Move On Section 1 Text – <a href=”#hyperlink”>Hyperlink</a></p>
<p>Move On Section 1 Text – <a href=”#html”>Html</a></p>
<p>Create Email Link – <a href=”mailto:vcanhelpsu@gmail.com”>Opne Vcanhelpsu For Email</a>. </p>
<p>Create Telephone Link – <a href=”tel:+111222333444″>+111222333444</a>.</p>
<p>Download Result Pdf – <a href=”/files/Result.pdf”>Download PDF</a></p>
<a href=”https://www.vcanhelpsu.com”>
<img src=”image.png” alt=”simple image”>
</a>
<h2 id=”hyperlink”>Hyperlink</h2>
<h2 id=”html”>Html</h2>
</body>
</html>
