एचटीएमएल लिंक
- पिछला पृष्ठ HTML CSS
- अगला पृष्ठ एचटीएमएल इमेज
एचटीएमएल वेब के दूसरे दस्तावेज़ से जुड़ने के लिए सुपरलिंक का उपयोग करता है।
सभी वेबपेज में लिंक पाए जाते हैं। लिंक पर क्लिक करके एक पेज से दूसरे पेज पर जाया जा सकता है।
उदाहरण
- सुपरलिंक बनाएं
- इस उदाहरण में देखा जाता है कि कैसे एचटीएमएल दस्तावेज़ में लिंक बनाया जाता है।
- चित्र को लिंक के रूप में रखें
- इस उदाहरण में देखा जाता है कि कैसे चित्र को लिंक के रूप में इस्तेमाल किया जाता है।
एचटीएमएल अधिलिंक (लिंक)
अधिलिंक एक अक्षर, एक शब्द या एक समष्टि हो सकती है, या यह एक चित्र भी हो सकता है; आप इन सामग्रियों पर क्लिक करके नए दस्तावेज़ या वर्तमान दस्तावेज़ के किसी हिस्से पर जाने में सक्षम होते हैं।
जब आप माउस पॉइंटर को वेबपेज के किसी लिंक पर ले जाते हैं, तो बाण एक छोटे हाथ में बदल जाता है।
हम <a> टैग का उपयोग करके एचटीएमएल में लिंक बनाते हैं।
ए <a> टैग के दो तरीके हैं:
- href गुण का उपयोग करके - दूसरे दस्तावेज़ के लिए लिंक बनाना
- name गुण का उपयोग करके - दस्तावेज़ के अंदर बुकमार्क बनाना
आगे पढ़ेंअधिकाधिक पढ़ने के लिए:
HTML लिंक व्याकरणिका
लिंक का HTML कोड सरल है। यह ऐसा ही होता है:
<a href="url">Link text</a>
href गुण लिंक के लक्ष्य को निर्धारित करता है。
शुरुआती और समाप्ती टैग के बीच का पाठ सुपरहिंक के रूप में दिखाया जाता है。
उदाहरण
<a href="http://www.codew3c.com/">Visit CodeW3C.com</a>
ऊपर इस कोड को ऐसे ही दिखाया जाता है:Visit CodeW3C.com
इस सुपरहिंक पर क्लिक करने से उपयोगकर्ता CodeW3C.com के गृह पृष्ठ पर जाएगा。
सूचना:"लिंक पाठ" लिखावज होना आवश्यक नहीं है। चित्र या अन्य HTML तत्व भी लिंक के रूप में प्रयोग किए जा सकते हैं。
HTML लिंक - target गुण
टारगेट गुण का उपयोग करके, आप लिंक के दस्तावेज़ को कहां दिखाना चाहते हैं, इसे निर्धारित कर सकते हैं。
नीचे इस वाक्यविन्यास को नए विंडो में दस्तावेज़ खोलता है:
<a href="http://www.codew3c.com/" target="_blank">Visit CodeW3C.com!</a>
HTML लिंक - name गुण
name गुण आंकड़ (anchor) का नाम निर्धारित करता है。
आप name गुण का उपयोग करके HTML पृष्ठ में बुकमार्क बना सकते हैं。
बुकमार्क किसी विशेष तरीके से दिखाया नहीं जाता है, यह पाठक के लिए दिखाया नहीं जाता है。
जब नामक आंकड़ (named anchors) का उपयोग करते हैं, हम ऐसे लिंक बना सकते हैं जो सीधे उस नामक आंकड़ (उदाहरणतः पृष्ठ के किसी छोटे खंड) को जाते हैं, ताकि उपयोगकर्ता उनकी जरूरती सूचना खोजने के लिए पृष्ठ को बहुत सारी बार घुमाने के बजाय उसी जगह पहुंच सकें।
नामक आंकड़ की व्याकरणिका:
<a name="label">आंकड़ (पृष्ठ पर दिखाए जाने वाला लिखावज)</a>
सूचना:आंकड़ का नाम आपके चुने हुए किसी नाम हो सकता है。
सूचना:आप id गुण को name गुण के स्थान पर प्रयोग कर सकते हैं, नामक आंकड़ वैध है।
उदाहरण
पहले, हम HTML दस्तावेज़ में आंकड़ का नाम देते हैं (एक बुकमार्क बनाते हैं):
<a name="tips">बुनियादी चेतावनी - उपयोगी सुझाव</a>
तब, हम उसी दस्तावेज़ में आंकड़ के लिए लिंक बनाते हैं:
<a href="#tips">उपयोगी सुझाव</a>
आप अन्य पृष्ठों में भी इस आंकड़ के लिए लिंक बना सकते हैं:
<a href="http://www.codew3c.com/html/html_links.asp#tips"">उपयोगी टिप्पणी</a>
ऊपरी कोड में, हमने # चिह्न और अङ्कन नाम को URL के अंत में जोड़ा, ताकि tips नामक अङ्कन को सीधे लिंक किया जा सके।
विशिष्ट प्रभाव:उपयोगी टिप्पणी
बुनियादी उपदेश - उपयोगी टिप्पणी:
टिप्पणी:सूचना:
सूचना:नामित अङ्कन अक्सर बड़े दस्तावेज़ों के शीर्ष पर निवेदन के लिए उपयोग किए जाते हैं।एक अध्याय को नामित अङ्कन के रूप में दिया जा सकता है और इन अङ्कन के लिंक को दस्तावेज़ के शीर्ष में रखा जा सकता है।यदि आप बार-बार बायोबैकिया को आग्रह करते हैं, तो आपको देखा गया है कि उसमें लगभग हर शब्द के लिए इस तरीके का उपयोग किया गया है।
सूचना:यदि ब्राउज़र को नामित अङ्कन नहीं मिलता, तो दस्तावेज़ के शीर्ष पर स्थित करने के लिए स्थानित किया जाएगा।कोई त्रुटि होने नहीं होगी。
और अधिक उदाहरण
- नए ब्राउज़र विंडो में लिंक खोलें
- नए ब्राउज़र विंडो में लिंक खोलें
- एक ही पृष्ठ के विभिन्न स्थानों को लिंक करें
- इस उदाहरण में, दस्तावेज़ के दूसरे हिस्से को लिंक करने के तरीके को दिखाया गया है。
- फ्रेम से बाहर निकलें
- इस उदाहरण में, फ्रेम के भीतर फिक्स्ड पृष्ठ को छोड़ने के तरीके को दिखाया गया है。
- ईमेल लिंक बनाएं
- इस उदाहरण में, एक ईमेल को लिंक करने के तरीके को दिखाया गया है।(इस उदाहरण कार्य करने के लिए ईमेल क्लायंट प्रोग्राम इंस्टॉल करना चाहिए।)
- ईमेल लिंक बनाएं 2
- इस उदाहरण में, एक अधिक जटिल ईमेल लिंक को दिखाया गया है。
HTML लिंक टैग
| टैग | वर्णन |
|---|---|
| <a> | एक अङ्कन को परिभाषित करें。 |
- पिछला पृष्ठ HTML CSS
- अगला पृष्ठ एचटीएमएल इमेज
