सबक: एचटीएमएल में एक लिंक कैसे बनाया जाए?

कंप्यूटर

इससे पहले कि आप एचटीएमएल में एक लिंक बना सकते हैंपता लगाएं कि यह क्या है और उनमें से किस प्रकार हैं। कोई भी लिंक <a> टैग से शुरू होता है और </a> टैग के साथ बंद होता है। उपयोगकर्ता केवल इन टैग के बीच संलग्न है जो प्रदर्शित होता है। लिंक स्वयं ब्राउज़र नहीं दिखाता है। स्टेटस बार में होवर करते समय देखा जा सकता है।

सभी लिंक विभिन्न मानदंडों और प्रकारों के अनुसार विभाजित किया जा सकता है। उदाहरण के लिए, लिंक उद्देश्य से विभाजित किया जा सकता है:

  • दस्तावेज़ के अंदर;
  • एक और वेबपेज पर;
  • विभिन्न फाइलों के लिए;
  • डाक पते के लिए।

इसके अलावा, दूसरा और तीसरा अनुच्छेद पूर्ण और सापेक्ष पते में विभाजित किया जा सकता है। इसके बारे में थोड़ी देर बाद। अब सबसे सरल मामले पर विचार करें।

एचटीएमएल में एक लिंक कैसे बनाएँ

HTML में एक लिंक कैसे बनाएं? ऐसा करने के लिए, आप नोटपैड या किसी अन्य संपादक को खोल सकते हैं और उपरोक्त कोड को फिर से लिख सकते हैं।

नतीजा निम्नलिखित होगा।

एचटीएमएल में एक पेज के लिए लिंक कैसे बनाएँ

लिंक में क्या शामिल है?

याद रखें कि किसी भी लिंक में होना चाहिए:

  • टैग खोलना और बंद करना;
  • लिंक टेक्स्ट;
  • href विशेषता, जो उस पते को इंगित करती है जिस पर उपयोगकर्ता भेजा जाएगा।

एचटीएमएल में एक फाइल से कैसे लिंक करें
शेष गुण वैकल्पिक हैं। मैं उन्हें अपने विवेकाधिकार पर उपयोग करता हूं।

जैसा कि आप देख सकते हैं, पहली छवि पेज / about.html लिंक दिखाती है। यह एक सापेक्ष लिंक है। उपर्युक्त छवि में, लिंक http: // से शुरू होता है। इस मामले में, एक पूर्ण संदर्भ का उपयोग किया जाता है।

यदि आप एक समापन टैग निर्दिष्ट नहीं करते हैं, तो सब कुछनिम्नलिखित इस लिंक की निरंतरता भी होगी। चौकस रहो। कोड लिखते समय, तुरंत उद्घाटन और समापन टैग डालें। इतना सुरक्षित

एचटीएमएल में एक तस्वीर लिंक कैसे करें?

टैग <a> ... </a> में टेक्स्ट के बजाय आप छवियां निर्दिष्ट कर सकते हैं। यही है, यदि उपयोगकर्ता चित्र पर क्लिक करता है, तो अपने लिंक पर क्लिक करें।

इस विधि का प्रयोग अक्सर किया जाता है। खूबसूरत साइटों पर विशेष रूप से मेनू में। लेआउट डिज़ाइनर हमेशा साइट फ्रेम डिज़ाइन बनाने से पहले HTML में किसी पृष्ठ से लिंक करने के बारे में सोचते हैं। अधिक सटीक रूप से, यह किस रूप में किया जाता है। पाठ्यक्रम में वेबमास्टर के सभी तरीके हैं। पंजीकरण थोड़ा आगे विचार करें।

HTML में किसी फ़ाइल से लिंक कैसे करें?

Href विशेषता में, आप फ़ाइलों के लिंक निर्दिष्ट कर सकते हैं। यह आमतौर पर तब होता है जब फ़ाइल डाउनलोड करने के लिए एक लिंक (संग्रह, फिल्म, संगीत, पुस्तक, टेक्स्ट फ़ाइल इत्यादि) इंगित किया जाता है।

दूसरे शब्दों में, आप पते में कुछ भी निर्दिष्ट कर सकते हैं। यदि यह एक वेब पेज नहीं है, तो ब्राउज़र इसे डाउनलोड करने का प्रयास करेगा।

पेज के अंदर लिंक

निश्चित रूप से आप कम से कम एक बार गए हैं"विकिपीडिया"। लेख की सामग्री है। और जब आप किसी भी आइटम पर क्लिक करते हैं, तो आपको उपयुक्त उपशीर्षक में स्थानांतरित कर दिया जाता है। इस तरह के लिंक दस्तावेज़ या बुकमार्क के अंदर लिंक कहा जाता है।

एचटीएमएल में पृष्ठ के अंदर एक लिंक बनाने के लिए कैसे?

एचटीएमएल में एक तस्वीर लिंक कैसे करें

यह बहुत आसान है। <a> विशेषता के साथ टेक्स्ट में लिंक निर्दिष्ट करें, लेकिन href निर्दिष्ट न करें। आपको नाम विशेषता लिखने और दस्तावेज़ के भीतर एक अद्वितीय नाम निर्दिष्ट करने की आवश्यकता है। और उस स्थान पर जहां आप दस्तावेज के अंदर इन नोट्स के लिंक निर्दिष्ट करते हैं, href विशेषता में, हम पहले ग्रिड लिखते हैं, और फिर अद्वितीय नाम।

जैसे ही ब्राउज़र पते में # प्रतीक देखता है, यह समझता है कि उसी दस्तावेज़ के अंदर कुछ तत्वों को संदर्भित करना आवश्यक है।

ईमेल लिंक

कभी-कभी आपको किसी ईमेल को एक लिंक प्रदान करने की आवश्यकता होती है। यह इस तरह किया जा सकता है।

ईमेल लिंक

उपयोगकर्ता से इस लिंक पर क्लिक करने के बादमेल प्रबंधन आवेदन खुल जाएगा। यह आमतौर पर मानक आउटलुक है। लेकिन यह प्रोग्राम आमतौर पर कॉन्फ़िगर नहीं किया जाता है। इसलिए, आमतौर पर ईमेल पता टेक्स्ट के रूप में इंगित किया जाता है।

गुण

यदि आपने HTML में एक लिंक बनाने का तरीका बताया है, तो <a> टैग के अन्य विशेषताओं की जांच करने की अनुशंसा की जाती है। यह बहुत महत्वपूर्ण जानकारी है। सबसे बुनियादी पर विचार करें:

  • शीर्षक विशेषता - लिंक पर होवर करते समय टूलटिप बनाता है। यह काफी सुविधाजनक है। यह आपको उपयोगकर्ता को अतिरिक्त जानकारी प्रदान करने की अनुमति देता है।
  • लक्ष्य विशेषता वह स्थान है जहां नया दस्तावेज़ (वेब ​​पेज) लोड किया जाएगा। यहां निम्न मान हो सकते हैं:
    • _blank - एक नई ब्राउज़र विंडो खुल जाएगी;
    • _self - वर्तमान विंडो में खुलना, यह डिफ़ॉल्ट मान है, इसे निर्दिष्ट करना आवश्यक नहीं है;
    • _parent - फ्रेम-पैरेंट में लोड करें, यदि नहीं, तो विशेषता value_self लेती है;
    • _top - सभी फ्रेम रद्द करें और पृष्ठ को पूर्ण ब्राउज़र आकार में लोड करें। यदि कोई फ्रेम नहीं है, तो _self के साथ एक समानता होती है।
  • विशेषता डाउनलोड करें। उनके लिए धन्यवाद, आप href विशेषता में निर्दिष्ट फ़ाइल को डाउनलोड करने के लिए मजबूर कर सकते हैं। इस पैरामीटर का कोई मूल्य नहीं है। बस <a download href="img/photo.jpg"> फ़ाइल लिंक </a> निर्दिष्ट करें। यदि निर्दिष्ट नहीं है डाउनलोड करें, ब्राउजर बस फोटो खोल देगा। इस मामले में, यह आपके कंप्यूटर पर डाउनलोड करना शुरू कर देगा।

लिंक डिजाइन

अगर आप समझते हैं कि तस्वीर कैसे बनाएंएचटीएमएल, यह सामान्य दिखने के लिए देखभाल करने के लिए सलाह दी जाती है। डिफ़ॉल्ट रूप से, चित्र के चारों ओर एक फ्रेम दिखाई देता है, जो एक लिंक है। वह कठोर और बदसूरत लग रही है। चूंकि इसकी मोटाई 3 पिक्सल है।

इससे बचने के लिए, आपको सीमा = "0" निर्दिष्ट करने की आवश्यकता है। यही है, सीमा शून्य होगी। यहां छवि का एक लिंक सुंदर और स्वीकार्य लगेगा। अन्यथा आप साइट पर सभी आगंतुकों को डरा देंगे।

निष्कर्ष

लिंक, पहली नज़र में, एक बहुत ही सरल टैग हैं। लेकिन यदि आप गहरे जाते हैं और सभी प्रकार के लिंक और विशेषताओं पर विचार करते हैं, तो यह पता चला है कि सबकुछ इतना आसान और बादलहीन नहीं है।

याद रखें, लिंक वर्ल्ड वाइड वेब का आधार हैं। उनके बिना, यह अस्तित्व में नहीं होगा।

टिप्पणियाँ (0)
एक टिप्पणी जोड़ें