 |
| HTML and CSS tutorial for beginners in Hindi |
हेलो फ्रेंड्स, KTL के HTML और CSS tutorial में आपका फिर स्वागत है। आज हम लेसन १० सीखनेवाले हैं।
पिछले लेसन में हमने वेब पेज में इमेज इन्सर्ट करना सीखा।
आज हम hyperlinks सीखेंगे।
Display hyperlinks in web pages
Hyperlink का उपयोग वेब पेज में लिंक बनाने के लिए होता है। इस लिंक को क्लिक करने पर लिंक किया हुआ वेब पेज ओपन होता है। लिंक किया हुआ वेब पेज या तो उसी वेब साइट में का कोई दूसरा पेज हो सकता है या किसी दुसरे वेब साइट का पेज भी हो सकता है।HTML a tag
अब हमारे स्क्रिप्ट में एक लिंक लिखेंगे। एक नयी Notepad फाइल ओपन कीजिये। इस में "Lesson-09" का सारा कोड कॉपी कीजिये। इस में से पहला इमेज का statement डिलीट कीजिये। अब हमारे कोड में एक ही <img> है। इस के नीचे ब्रेक tag दीजिये <br />। इस के नीचे यह लाइन टाइप कीजिये:<a href="Lesson-09.html">Output of Lesson 09</a>
लिंक बनाने के लिए <a> tag होता है। यहाँ "a" का मतलब है "anchor"। इस tag का attribute होता है "href"। इस attribute में हम जो वेब पेज लिंक करनेवाले हैं उसका नाम देते हैं।
हमने <a> tag में "href" की वैल्यू दी है "Lesson-09.html"। इस लिए लिंक को क्लिक करने पर "Lesson-09.html" ओपन हो जाएगा। इस के बाद हमने लिखा है "Output of Lesson 09". यह टेक्स्ट लिंक पर दिखाई देगा। Source कोड की PDF फाइल देखने के लिए आकृति १०-१. पर क्लिक कीजिये।
 |
| आकृति १०-१. HTML a tag - creating hyperlink |
 |
| आकृति १०-२. Hyperlink in a web page |
इमेज के नीचे एक लिंक डिस्प्ले हुई है। यह नीले रंग की हैऔर underline की हुई है। इस लिंक को क्लिक कीजिये। "Lesson-09.html" का वेब पेज दिखेगा। अब ब्राउज़र का back arrow प्रेस कीजिये और हमारी लिंक देखिये। उसका रंग purple हुआ है। इसे भी अंडरलाइन है।
इसका मतलब कोई भी लिंक नीले रंग की होती है और underline की हुई होती है। उसे क्लिक करने पर उसका रंग purple हो जाता है। Visited लिंक का रंग purple होता है और वह underline की हुई होती है।
Important Points:
१. <a> tag का उपयोग लिंक बनाने के लिए होता है।२. "href" attribute में हम लिंक किये हुए वेब पेज का नाम देते हैं।
३. कोई भी लिंक नीले रंग की होती है और underline की हुई होती है। Visited लिंक का रंग purple होता है और वह underline की हुई होती है।
लेसन ९ लेसन ११
