HTML लिंक में बुकमार्क
HTML लिंक का उपयोग बुकमार्क बनाने के लिए किया जा सकता है ताकि पाठक किसी वेब पेज के विशिष्ट भागों पर जा सकें।
इस पेज पर जाएँ:
बुकमार्क कब उपयोगी होते हैं?
यदि कोई वेब पेज बहुत लंबा है तो बुकमार्क उपयोगी होते हैं। यह लंबे लेखों, ट्यूटोरियल्स, दस्तावेज़ों या बहुत अधिक सामग्री वाले पृष्ठों के लिए बहुत अच्छा है।
HTML में बुकमार्क बनाना
बुकमार्क बनाने के लिए - पहले बुकमार्क बनाएं, फिर उसमें एक लिंक जोड़ें।
जब लिंक पर क्लिक किया जाता है, तो पृष्ठ नीचे या ऊपर स्क्रॉल हो जाता है जहां बुकमार्क है।
उदाहरण
सबसे पहले, आईडी विशेषता का उपयोग करके एक बुकमार्क बनाएं:
<h2 id="C4">Chapter 4</h2>id="C4"भाग बुकमार्क को परिभाषित करता है. "C4" आपके द्वारा चुना गया कोई भी नाम हो सकता है।
आईडी विशेषता
बुकमार्क के लिए एक अद्वितीय पहचानकर्ता को परिभाषित करता है
id="unique-name"
कीमत
किसी भी HTML तत्व में एक बुकमार्क जोड़ा जा सकता है
h1, h2, p, div आदि
व्यक्तिगत होना चाहिए
एक ही पृष्ठ पर एक ही आईडी मान का पुन: उपयोग न करें
प्रत्येक बुकमार्क के लिए एक अद्वितीय नाम
उसी पेज को बुकमार्क करने के लिए लिंक करें
फिर उसी पृष्ठ से बुकमार्क ("अध्याय 4 पर जाएं") में एक लिंक जोड़ें:
उदाहरण
<a href="#C4">Jump to Chapter 4</a>href="#C4"बुकमार्क के लिए भाग लिंक. # प्रतीक इंगित करता है कि यह एक पृष्ठ के भीतर एक लिंक है।
दूसरे पेज पर बुकमार्क करने के लिए लिंक करें
आप किसी अन्य पेज पर बुकमार्क लिंक जोड़ सकते हैं:
उदाहरण
<a href="html_demo.html#C4">Jump to Chapter 4</a>यह लिंक "html_demo.html" फ़ाइल खोलेगा और उस पृष्ठ पर आईडी "C4" वाले तत्व पर नेविगेट करेगा।
| रिश्ते का प्रकार | उदाहरण | व्याख्या |
|---|---|---|
| एक ही पृष्ठ पर | <a href="#section1"> |
वर्तमान पृष्ठ पर बुकमार्क पर जाता है |
| दूसरी ओर | <a href="page.html#section1"> |
दूसरा पेज खोलता है और उसे बुकमार्क करने जाता है |
| दूसरी साइट पर | <a href="https://site.com/page#section"> |
बाहरी साइट पर पेज पर जाएँ और उसे बुकमार्क करें |
महत्वपूर्ण नोट:
बुकमार्क किए गए लिंक के काम करने के लिए, लक्ष्य पृष्ठ में उस आईडी वाला एक तत्व होना चाहिए। अन्यथा, लिंक पृष्ठ के शीर्ष पर चला जाएगा.
शैली का प्रदर्शन
किसी लंबे दस्तावेज़ के लिए बुकमार्क के व्यावहारिक उपयोग के लिए नीचे देखें:
अध्याय 1: HTML का परिचय
HTML का मतलब हाइपरटेक्स्ट मार्कअप लैंग्वेज है। यह वेब पेज बनाने के लिए एक मानक मार्कअप भाषा है।
HTML तत्व HTML पृष्ठों के निर्माण खंडों का प्रतिनिधित्व करते हैं।
अगले अध्याय पर जाएँअध्याय 2: मूल HTML टैग
सभी HTML दस्तावेज़ कुछ बुनियादी टैग से शुरू होने चाहिए:
<!DOCTYPE html>- दस्तावेज़ प्रकार को परिभाषित करता है<html>- HTML दस्तावेज़ का मूल तत्व<head>- मेटाडेटा शामिल है<body>- पेज सामग्री शामिल है
अध्याय 3: HTML तत्व और गुण
HTML तत्व एक प्रारंभ टैग, एक सामग्री टैग और एक अंत टैग से बने होते हैं।
HTML गुण तत्वों के बारे में अतिरिक्त जानकारी प्रदान करते हैं।
उदाहरण: <a href="https://jassifteam.com">Jassif Team</a>
यहाँhrefएक विशेषता और उसका मान "https://jassifteam.com" है।
अध्याय 4: HTML लिंक
HTML लिंक को हाइपरलिंक कहा जाता है। वे उपयोगकर्ताओं को एक पृष्ठ से दूसरे पृष्ठ पर नेविगेट करने की अनुमति देते हैं।
लिंक सिंटैक्स: <a href="url">link text</a>
बुकमार्क आपको लंबे पृष्ठों के भीतर विशिष्ट अनुभागों तक नेविगेट करने में मदद करते हैं।
पहले अध्याय पर लौटेंवास्तविक विश्व अनुप्रयोग:
बुकमार्क आमतौर पर उपयोग किए जाते हैं:
- दस्तावेज़ों में सामग्री की तालिकाओं के लिए
- लंबे लेखों में अनुभाग नेविगेशन
- FAQ पृष्ठों पर प्रश्नों के लिए
- उत्पाद दस्तावेज़ीकरण में अनुभागों के लिए
- एक ही पृष्ठ पर एकाधिक मॉड्यूल वाली साइटों पर
अध्याय का सारांश
महत्वपूर्ण बिंदु:
- बुकमार्क आईडी एक पृष्ठ के भीतर अद्वितीय होनी चाहिए
- # प्रतीक इंगित करता है कि लिंक उसी पृष्ठ के भीतर है
- बुकमार्क को किसी भी HTML तत्व में जोड़ा जा सकता है
- बुकमार्क का उपयोग स्थानीय और बाहरी पृष्ठों के लिए किया जा सकता है
अभ्यास
बुकमार्क बनाने के लिए किस HTML विशेषता का उपयोग किया जाता है?
चेक आउट:
यह HTML कोड एक बुकमार्क बनाता है:
<h2 id="chapter5">अध्याय 5</h2>
इस बुकमार्क से लिंक करने के लिए:
<a href="#chapter5">अध्याय 5</a> पर जाएं
HTML लिंक टैग
| टैग | व्याख्या |
|---|---|
| <a> | हाइपरलिंक को परिभाषित करता है |
नोट:
सभी उपलब्ध HTML टैग्स की पूरी सूची के लिए, हमारे HTML टैग संदर्भ पर जाएँ।