Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

HTML के साथ डाउनलोड लिंक कैसे बनाएं?

HTML के साथ डाउनलोड लिंक बनाने के लिए, कोड इस प्रकार है:

उदाहरण

<!DOCTYPE html>
<html>
<body>
  <h1>डाउनलोड लिंक उदाहरण</h1>
  <a href="https://i.picsum.photos/id/225/800/800.jpg" download>
    <img src="https://i.picsum.photos/id/225/800/800.jpg" style="width: 300px;height: 300px;">
  </a>
  <h2>इसे डाउनलोड करने के लिए ऊपर दी गई इमेज पर क्लिक करें</h2>
</head>
<body>

आउटपुट

उपरोक्त कोड निम्नलिखित आउटपुट उत्पन्न करेगा:

HTML के साथ डाउनलोड लिंक कैसे बनाएं?


  1. HTML में इमेज को लिंक की तरह कैसे उपयोग करें? HTML में इमेज को लिंक की तरह कैसे उपयोग करें?

    <img> को <a> के अंदर रखें इमेज को लिंक बनाने के लिए <img> टैग को <a> टैग के अंदर रखें जिसमें href एट्रिब्यूट हो। src में इमेज URL, width/height में आकार दें। उदाहरण <!DOCTYPE html> <html> <head> <title>HTML Image as link</title> </head>

  1. HTML में बिब्लियोग्राफी (ग्रंथ सूची) कैसे बनाएं? HTML में बिब्लियोग्राफी (ग्रंथ सूची) कैसे बनाएं?

    <ol> और <cite> टैग्स का उपयोग बिब्लियोग्राफी (संदर्भ ग्रंथ सूची) बनाने के लिए <ol> से क्रमांकित सूची और <cite> से पुस्तक/कृति का शीर्षक मार्क करें। उदाहरण <!DOCTYPE html> <html> <head> <title>Bibliography</title> </head> <body>

  1. HTML से फ़ाइल अपलोड बटन कैसे बनाएं? HTML से फ़ाइल अपलोड बटन कैसे बनाएं?

    HTML से फ़ाइल अपलोड बटन कैसे बनाएं? HTML से फ़ाइल अपलोड बटन बनाने के लिए, कोड इस प्रकार है: उदाहरण <!DOCTYPE html> <html> <head> <h1>File upload button example</h1> <p>Click on the Choose File button to upload a file:</p> <form> <input type="