HTML में एक लिंक बनाने से पहले, आपको करने की आवश्यकता हैयह समझने के लिए कि यह क्या है और उनके प्रकार क्या हैं। कोई भी लिंक <a> टैग से शुरू होता है और </a> टैग के साथ समाप्त होता है। उपयोगकर्ता को केवल वही दिखाया जाता है जो इन टैग के बीच संलग्न है। ब्राउज़र स्वयं लिंक नहीं दिखाता है। इसे स्टेटस बार में होवर पर देखा जा सकता है।
सभी लिंक को विभिन्न मानदंडों और प्रकारों के अनुसार विभाजित किया जा सकता है। उदाहरण के लिए, लिंक को उद्देश्य से विभाजित किया जा सकता है:
- दस्तावेज़ के अंदर;
- दूसरे वेब पेज पर;
- विभिन्न फाइलों के लिए;
- डाक पते के लिए।
इसके अलावा, 2 और 3 आइटम को पूर्ण और सापेक्ष पते में विभाजित किया जा सकता है। इस पर और बाद में। आइए अब सबसे सरल मामले पर विचार करें।
HTML में लिंक कैसे बनाये? ऐसा करने के लिए, आप नोटपैड या किसी अन्य संपादक को खोल सकते हैं और उपरोक्त कोड को फिर से लिख सकते हैं।
परिणाम निम्नलिखित होगा।
लिंक से क्या बनता है?
याद रखें कि कोई भी लिंक होना चाहिए:
- टैग खोलना और बंद करना;
- लिंक पाठ;
- href विशेषता, जो उस URL को निर्दिष्ट करती है जहाँ उपयोगकर्ता को निर्देशित किया जाएगा।
जैसा कि आप देख सकते हैं, पहली छवि में, लिंक पृष्ठ / about.html है। यह एक सापेक्ष लिंक है। ऊपर की तस्वीर में, लिंक http: // से शुरू होता है। इस मामले में, एक पूर्ण संदर्भ का उपयोग किया जाता है।
यदि आप एक समापन टैग निर्दिष्ट नहीं करते हैं, तो सब कुछनिम्नलिखित भी इस लिंक का एक निरंतरता होगी। सावधान रहे। जब आप अपना कोड लिखते हैं, तो तुरंत उद्घाटन और समापन टैग शामिल करें। यह इस तरह से सुरक्षित है।
HTML में किसी चित्र को लिंक कैसे बनायें?
टैग <a> ... </a> में पाठों के बजाय, आप चित्र निर्दिष्ट कर सकते हैं। यही है, अगर उपयोगकर्ता चित्र पर क्लिक करता है, तो वह आपके लिंक का अनुसरण करेगा।
इस विधि का उपयोग अक्सर किया जाता है।विशेष रूप से सुंदर साइटों पर मेनू पर। लेआउट डिजाइनर हमेशा सोचते हैं कि वेबसाइट कंकाल डिजाइन बनाने से पहले HTML में एक पृष्ठ से कैसे लिंक किया जाए। अधिक सटीक रूप से, यह किस रूप में करना है। वे सभी तरीके जो वेबमास्टर के पास हैं, उनका उपयोग किया जाता है। आइए डिजाइन पर थोड़ा आगे विचार करें।
HTML में फाइल को कैसे लिंक करें?
फ़ाइलों के लिंक को href विशेषता में निर्दिष्ट किया जा सकता है। यह आमतौर पर तब होता है जब किसी फ़ाइल (संग्रह, फिल्म, संगीत, पुस्तक, पाठ फ़ाइल, और इसी तरह) को डाउनलोड करने के लिए एक संकेत दिया जाता है।
दूसरे शब्दों में, आप पते में कुछ भी निर्दिष्ट कर सकते हैं। यदि यह एक वेब पेज नहीं है, तो ब्राउज़र इसे डाउनलोड करने का प्रयास करेगा।
पृष्ठ के भीतर लिंक
निश्चित रूप से आप कम से कम एक बार गए हैं"विकिपीडिया"। लेख की सामग्री है। और जब आप किसी भी आइटम पर क्लिक करते हैं, तो आपको संबंधित सबहेडिंग में ले जाया जाता है। ऐसे लिंक को दस्तावेज़ या बुकमार्क के भीतर लिंक कहा जाता है।
HTML में एक पेज के भीतर कैसे लिंक करें?
सब कुछ बहुत सरल है।हम <a> विशेषता के साथ पाठ में लिंक दर्शाते हैं, लेकिन हम href निर्दिष्ट नहीं करते हैं। आपको नाम विशेषता लिखने और दस्तावेज़ के भीतर एक अद्वितीय नाम सेट करने की आवश्यकता है। और उस स्थान पर जहां आप दस्तावेज़ के अंदर इन नोटों के लिंक को इंगित करते हैं, href विशेषता में हम पहले एक हैश लिखते हैं, और फिर वह अद्वितीय नाम।
जैसे ही ब्राउज़र पते में # प्रतीक देखता है, यह समझता है कि उसी दस्तावेज़ के भीतर कुछ तत्व को संदर्भित करना आवश्यक है।
ईमेल लिंक
कभी-कभी आपको अपने ईमेल का लिंक प्रदान करने की आवश्यकता होती है। इसे इस तरह किया जा सकता है।
इस लिंक पर क्लिक करने के बाद, उपयोगकर्तामेल प्रबंधन आवेदन खुल जाएगा। यह आमतौर पर मानक आउटलुक है। लेकिन यह कार्यक्रम आमतौर पर किसी के द्वारा कॉन्फ़िगर नहीं किया गया है। इसलिए, आमतौर पर ई-मेल पते को केवल पाठ में इंगित किया जाता है।
गुण
यदि आपको पता चला है कि HTML में लिंक कैसे बनाया जाता है, तो यह <a> टैग की शेष विशेषताओं का अध्ययन करने की अनुशंसा की जाती है। यह बहुत महत्वपूर्ण जानकारी है। आइए सबसे बुनियादी बातों पर विचार करें:
- शीर्षक विशेषता - एक लिंक पर मँडरा जब एक टूलटिप बनाता है। यह काफी सुविधाजनक है। यह आपको उपयोगकर्ता को अतिरिक्त जानकारी प्रदान करने की अनुमति देता है।
- लक्ष्य विशेषता वह जगह है जहाँ नया दस्तावेज़ (वेब पेज) लोड किया जाएगा। इसके निम्न मूल्य हो सकते हैं:
- _blank - एक नई ब्राउज़र विंडो खुलेगी;
- _self - वर्तमान विंडो में खुलता है, यह डिफ़ॉल्ट मान है, इसे निर्दिष्ट करने के लिए आवश्यक नहीं है;
- _parent - मूल फ्रेम में लोड करना, यदि कोई नहीं है, तो विशेषता value_self पर ले जाती है;
- _top - सभी फ़्रेमों को रद्द करें और पृष्ठ को पूर्ण ब्राउज़र आकार में लोड करें। यदि कोई फ्रेम नहीं है, तो _self के साथ एक सादृश्य है।
- डाउनलोड विशेषता।इसके लिए धन्यवाद, आप उस फ़ाइल के डाउनलोड को मजबूर कर सकते हैं जो href विशेषता में निर्दिष्ट है। इस पैरामीटर का कोई मूल्य नहीं है। हम सिर्फ <a href="img/photo.jpg"> फ़ाइल से लिंक </a> डाउनलोड करते हैं। यदि आप निर्दिष्ट नहीं करते हैं डाउनलोड करें, फिर ब्राउज़र सिर्फ फोटो को खोलेगा। इस स्थिति में, यह आपके कंप्यूटर पर डाउनलोड करना शुरू कर देगा।
लिंक डिजाइन
अगर आपको पता चल गया कि तस्वीर को लिंक कैसे बनाया जाएHTML, यह भी सुनिश्चित करने की सलाह दी जाती है कि यह सामान्य दिखे। डिफ़ॉल्ट रूप से, चित्र के चारों ओर एक बॉर्डर दिखाई देता है, जो एक लिंक है। वह अशिष्ट और बदसूरत लग रहा है। चूंकि इसकी मोटाई 3 पिक्सल है।
इससे बचने के लिए, आपको सीमा = "0" निर्दिष्ट करने की आवश्यकता है। यानी सीमा शून्य के बराबर होगी। तस्वीर से ऐसा लिंक अच्छा और स्वीकार्य लगेगा। अन्यथा, आप सभी साइट आगंतुकों को डरा देंगे।
निष्कर्ष
लिंक पहली नज़र में, एक बहुत ही सरल टैग हैं। लेकिन अगर आप गहराई से तल्लीन करते हैं और सभी प्रकार के लिंक और विशेषताओं पर विचार करते हैं, तो यह पता चलता है कि सब कुछ इतना आसान और बादल रहित नहीं है।
याद रखें, लिंक वर्ल्ड वाइड वेब की रीढ़ हैं। उनके बिना, यह मौजूद नहीं होगा।
