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

HTML में बुकमार्क लिंक (एंकर लिंक) कैसे बनाएं?


पेज के अंदर नेविगेशन

बुकमार्क लिंक (नेम्ड एंकर) से पेज के किसी विशेष सेक्शन पर सीधे जा सकते हैं। पहले <a name="..."> से बुकमार्क बनाएं, फिर <a href="#..."> से लिंक दें।

नोट: HTML5 में <a> का name एट्रिब्यूट डिप्रिकेटेड है। आधुनिक तरीका: किसी भी एलिमेंट पर id एट्रिब्यूट दें और href="#id" से लिंक करें।

उदाहरण (लीगेसी तरीका)

<html>
  <head> <title>HTML Bookmark Link</title> </head>
  <body>
    <h1>Tutorials</h1>
    <p><a href="#z">Learn about Scripting Languages</a></p>
    <h2>Programming</h2><p>...</p>
    <h2>Mobile</h2><p>...</p>
    <h2>Design</h2><p>...</p>
    <h2>Databases</h2><p>...</p>
    <h2>Networking</h2><p>...</p>
    <h2>Java Technologies</h2><p>...</p>
    <h2>Digital Marketing</h2><p>...</p>
    <h2><a name="z">Scripting Languages</a></h2>
    <p>Here are the tutorials on Scripting Languages.</p>
  </body>
</html>

आधुनिक तरीका (अनुशंसित)

<h2 id="scripting">Scripting Languages</h2>
<a href="#scripting">Go to Scripting</a>
  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 के साथ डाउनलोड लिंक बनाने के लिए, कोड इस प्रकार है: उदाहरण <!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: 300