Download link , button | डाउनलोड लिंक , बटन | HTML in Hindi


डाउनलोड लिंक या बटन को क्रिएट (create) करने के लिए सबसे पहले HTML हाइपरलिंक (hyperlink) को समझना पड़ता हैं जिसके बाद डाउनलोड लिंक (HTML download link ) या डाउनलोड बटन ( Download button) को बनाना बहुत ही आसान हो जाता हैं ।

HTML डाउनलोड लिंक | Download Link in Hindi  –

डाउनलोड लिंक (Download link ) एक ऐसी लिंक होती हैं जिसपर क्लिक करके हम किसी भी तरह की फाइल को डाउनलोड कर सकते हैं । डाउनलोड लिंक आप इमेज (image ) को डाउनलोड करने के लिए , टेक्स्ट फाइल (Text file )   , पीडीऍफ़ फाइल (PDF) , डॉक् फाइल (Docx File ) , ज़िप फाइल (ZIP file) आदि को डाउनलोड करने के लिए बना सकते हैं । लिंक बनाने के लिए हाइपरलिंक में उस फाइल नाम ओर फॉर्मेट देना होता  हैं जिस फाइल को आप डाउनलोड करना कहते हैं ।

<!DOCTYPE html>
<html>
<head>
<title> HTML download link </title>
</head>
<body>

Click on link to download file...

Download Now </body> </html>

Output

 

Click on link to download file...

Download Now

उपर दिए गए उदाहरण में आप देख सकते हैं की हमने एक ज़िप फाइल ( ZIP file ) का नाम और उसका फॉर्मेट (format) दिया हैं साथ ही साथ उस फाइल का path भी दिया हैं की वह फाइल सर्वर पर कहाँ हैं वो पथ भी देना होता हैं । जब आप डाउनलोड लिंक पर क्लिक करते हैं तो एक ज़िप फाइल डाउनलोड हो जाती हैं ।

ऐसे ही आप इमेज के लिए , पीडीऍफ़ के लिए , डॉक् के लिए लिंक बना सकते हैं ।

HTML डाउनलोड बटन | Download button in HTML –

HTML form tutorial में हमने HTML में बटन को बनाना सिखा था । HTML में बटन पर हम hyperlink देंगे जिस से उस बटन पर क्लिक करने पर वह फाइल डाउनलोड हो जाएगी । उपर हम एक डाउनलोड लिंक बना चुके है अब हम उसी लिंक का उपयोग करके एक डाउनलोड बटन (Downlaod button ) को बनायेंगे जिसपर क्लिक करने पर वह फाइल डाउनलोड हो जाएगी ।

 HTML में डाउनलोड बटन बनाये –

चलिए के example से समझते हैं ।

<!DOCTYPE html>
<html>
<head>
<title> Download button in HTML  </title>
</head>
<body>

Click on button to download file...

</body> </html>

Output

 

Click on button to download file...

उपर दिए गए उदाहरण  में आपने देखा की हमने डाउनलोड लिंक के अंदर एक बटन बनाया हैं जिस पर क्लिक करने पर फाइल डाउनलोड हो जाती हैं ।  

इमेज डाउनलोड बटन | HTML image download button 

उपर हमने एक डाउनलोड लिंक बनायीं ओर एक बटन जिस पर क्लिक करने से फाइल डाउनलोड हो जाती हैं । यहाँ पर हम एक बटन बनायेंगे जो की एक इमेज होगी ।  कभी कभी यह रहता हैं की इमेज पर क्लिक करने से कोई फाइल डाउनलोड होती हैं ओर काफी ज्यादा वेबसाइट में उपयोग भी किया जाता हैं की इमेज पर क्लिक करने पर एक फाइल डाउनलोड होती हैं चाहे वो फाइल कोई भी हो वो आप लिंक में डिफाइन कर सकते हैं ।

इमेज को पेज में डिस्प्ले (display) करने के लिए हमने Image attributes के बारे में सिखा था अब हम डाउनलोड लिंक इमेज का उपयोग करके इमेज डाउनलोड लिंक बनाते हैं । 

<!DOCTYPE html>
<html>
<head>
<title> HTML download on image </title>
</head>
<body>

Click on image to download file...

</body> </html>

Output

 

Click on image to download file...

इमेज को आप बटन के साथ भी उपयोग कर सकते हैं जिस से उसपर क्लिक इफ़ेक्ट (Click effect, click event) आता हैं ओर फाइल डाउनलोड हो जाती हैं ।

<!DOCTYPE html>
<html>
<head>
<title> HTML download on button image </title>
</head>
<body>

Click on button image to download file...

</body> </html>

Output

 

Click on button image to download file...

चलिए कुछ अन्य फॉर्मेट (format) के लिए भी एक उदाहरण बनाते हैं जिस से आप समझ जाओगे की अन्य फॉर्मेट के लिए कैसे डाउनलोड लिंक बनाते हैं ।

<!DOCTYPE html>
<html>
<head>
<title> HTML download link for images and files </title>
</head>
<body>

HTML download link for all major formats

<a href="mypath/myfile.jpg" download>Download JPG Image </a> <a href="mypath/myfile.png" download>Download PNG Image </a> <a href="mypath/myfile.gif" download>Download GIF Image </a> <a href="mypath/myfile.jpeg" download>Download JPEG Image </a> <a href="mypath/myfile.pdf" download>Download PDF file</a> <a href="mypath/myfile.docx" download>Download docx file</a> <a href="mypath/myfile.txt" download>Download txt text file</a> </body> </html>

उपर दिए गए उदाहरण से आप समझ गए होंगे की किस तरह से फाइल की format देकर download लिंक और बटन को बनाया जा सकता है।

नोट- HTML में डाउनलोड लिंक क्रिएट (create, बनाना ) करते समय ये चेक करले की आपकी फाइल का नाम ओर उसका फॉर्मेट क्या हैं इसके साथ साथ ये देखले की फाइल का path क्या हैं यदि वह फाइल उसी फोल्डर में हैं जिसमे आप HTML पेज बनाते हैं तो उसमे आपको कोई path देने की जरुरत नही होती हैं सिर्फ फाइल का नाम ओर एक्सटेंशन (फॉर्मेट, extension) का उपयोग करके HTML में download link या download button को बना सकते हैं ।


Please Share

Recommended Posts:-