हाइपरलिंक ब्राउज़र के लिए एक संकेत है कि उसे HTML दस्तावेज़ के भीतर या बाहर किस ऑब्जेक्ट का उल्लेख करना चाहिए। हाइपरलिंक का उपयोग करके, उपयोगकर्ता एक पृष्ठ से दूसरे पृष्ठ पर जा सकते हैं, फ़ाइलें डाउनलोड कर सकते हैं, आदि। पाठ का एक टुकड़ा या चित्र (ग्राफ़िक फ़ाइल) को हाइपरलिंक के रूप में डिज़ाइन किया जा सकता है। जब कोई वेब पेज ब्राउज़र विंडो में प्रदर्शित होता है, तो टेक्स्ट लिंक आमतौर पर नीले रंग में हाइलाइट किया जाता है और रेखांकित किया जाता है। हालांकि, यह मामला हमेशा नहीं होता है। किसी लिंक द्वारा बताए गए स्थान पर जाने के लिए, उपयोगकर्ता को बस उसके टेक्स्ट पर क्लिक करना होगा।
हाइपरलिंक बनाने के लिए आपको टैग का उपयोग करना होगा और, टैग के लिए परिभाषित करना एचआरईएफ विशेषता. इसका मान वह URL होना चाहिए जिस पर लिंक इंगित करता है। लिंक टेक्स्ट को टैग के बीच रखा गया है और.
यदि लिंक किया जा रहा वेब पेज किसी अन्य साइट पर होस्ट किया गया है, तो HREF विशेषता का मान प्रोटोकॉल नाम सहित पूरा URL होना चाहिए; ऐसे लिंक बाहरी लिंक कहलाते हैं. यदि हाइपरलिंक उसी साइट के किसी अन्य पृष्ठ की ओर इंगित करता है, तो किसी दस्तावेज़ की खोज करने के लिए केवल एक सापेक्ष पथ निर्दिष्ट करना पर्याप्त है; ऐसे लिंक को आंतरिक लिंक कहा जाता है।
यदि एक एंकर टैग पहले वहां एम्बेड किया गया है तो एक हाइपरलिंक किसी पृष्ठ के भीतर एक विशिष्ट स्थान को इंगित कर सकता है। एंकर को परिभाषित करने के लिए टैग का भी उपयोग किया जाता है और, लेकिन HREF विशेषता के बजाय, NAME विशेषता निर्दिष्ट की गई है, जिसका मान एंकर का नाम होना चाहिए। इसमें अक्षर और संख्याएँ शामिल हो सकती हैं, लेकिन इसमें रिक्त स्थान वाले अक्षर नहीं होने चाहिए। यदि किसी पृष्ठ पर कई लेबल हैं, तो उन सभी के अलग-अलग नाम होने चाहिए।
स्थापित एंकर के लिए एक लिंक बनाने के लिए आपको टैग की आवश्यकता है इसका नाम यूआरएल के अंत में दस्तावेज़ के नाम के बाद # चिह्न से अलग करके रखें। # प्रतीक का अर्थ है कि इसके बाद टैग का नाम आता है, फ़ाइल का नाम नहीं।
लिंक पाठ
यदि आप HREF विशेषता में इसके सामने mailto: शब्द के साथ एक ईमेल पता निर्दिष्ट करते हैं, तो ऐसे लिंक का चयन करने के बाद आप फ़ील्ड में एक संदेश भेज सकते हैं "किसके लिए"यह पता दर्ज किया जाएगा.
नीचे दिया गया उदाहरण विभिन्न प्रकार के हाइपरलिंक के उपयोग पर चर्चा करता है।
HTML दस्तावेज़ जो हाइपरलिंक और एंकर का उपयोग करता है:
ऑपरेटिंग रूम के लिए मानक कार्यक्रमों के नए संस्करण विंडोज़ सिस्टमड्राइवर Microsoft वेबसाइट पर भी पाए जा सकते हैं।
और अब आप साइट के मुख्य पृष्ठ पर जा सकते हैं।
आप इस पृष्ठ के अंत में यह जान सकते हैं कि मुझसे कैसे संपर्क करें।
इस पाठ दस्तावेज़ में.
ब्राउज़र द्वारा चलाए जाने के बाद HTML दस्तावेज़ इस तरह दिखेगा:
के लिए मानक कार्यक्रमों के नए संस्करण ऑपरेटिंग सिस्टमविंडोज़ और ड्राइवर माइक्रोसॉफ्ट वेबसाइट पर पाए जा सकते हैं।
आप इस टेक्स्ट दस्तावेज़ में पोस्ट की गई सामग्रियों का उपयोग कर सकते हैं।
इस उदाहरण में, "Microsoft" शब्द बाहरी हाइपरलिंक टैग और पाठ में समाहित है "साइट होम पेज"- आंतरिक लिंक टैग में. मूलपाठ "इस पृष्ठ के अंत में"एंकर लिंक टैग में रखा गया, और "इस पाठ दस्तावेज़ में"- HREF विशेषता के साथ एक हाइपरलिंक टैग में, जिसमें हमने एक वेब पेज के साथ नहीं, बल्कि एक कनेक्शन निर्दिष्ट किया है सामग्री या लेख दस्तावेज़, जो वर्तमान HTML दस्तावेज़ के समान फ़ोल्डर में सहेजा गया है। मूलपाठ " [ईमेल सुरक्षित] " टैग में स्थित हैं जो एंकर लेबल का वर्णन करता है, और HREF विशेषता में ईमेल पता शामिल है।
यदि पृष्ठ पर कोई विज़िटर Microsoft बाहरी लिंक का उपयोग करता है, तो पृष्ठ यहां खुलेगा: http://www.microsoft.com/. हाइपरलिंक पर क्लिक करने के बाद "साइट होम पेज"खुल जाएगा होम पेजसाइट। टेक्स्ट दस्तावेज़ में किसी आंतरिक लिंक पर क्लिक करने से टेक्स्ट दस्तावेज़ वाली एक विंडो खुल जाएगी text.docवर्तमान फ़ोल्डर में समाहित है. यदि आप इस पृष्ठ के अंत में एंकर लिंक का उपयोग करते हैं, तो वर्तमान पृष्ठ की छवि बदल जाएगी ताकि लेबल टेक्स्ट " [ईमेल सुरक्षित] ", जिसके साथ एंकर जुड़ा हुआ है, स्क्रीन पर दस्तावेज़ के दृश्य भाग में रखा जाएगा।
पाठ रखें " [ईमेल सुरक्षित] " एक हाइपरलिंक है, जिसका उपयोग करके उपयोगकर्ता कंप्यूटर पर कॉन्फ़िगर किए गए ईमेल का उपयोग करके HREF विशेषता में निर्दिष्ट पते पर एक पत्र भेज सकेगा - [ईमेल सुरक्षित] .
आइए टेक्स्ट हाइपरलिंक बनाने का एक और उदाहरण देखें। आइए मान लें कि दो HTML दस्तावेज़ एक निश्चित फ़ोल्डर में सहेजे गए हैं, जो कंपनी के काम के दो क्षेत्रों का वर्णन करते हैं - 1.एचटीएमएलऔर 2.एचटीएमएल.
आइए हाइपरलिंक की एक सूची बनाएं, जिनमें से प्रत्येक कंपनी के कार्य क्षेत्रों में से एक को दर्शाता है:
हमारे उत्पाद
हमारे ग्राहक
परिणाम:
हमारे उत्पाद हमारे ग्राहकइस उदाहरण में, हाइपरलिंक टैग प्रथम-स्तरीय शीर्षक टैग में समाहित हैं। हाइपरलिंक टेक्स्ट अलग-अलग पंक्तियों में स्थित होंगे और प्रथम-स्तरीय शीर्षकों के रूप में डिज़ाइन किए जाएंगे।
डिफ़ॉल्ट रूप से, टेक्स्ट हाइपरलिंक नीले और रेखांकित रंग में प्रदर्शित होते हैं, और यदि उनका पहले ही उपयोग किया जा चुका है, तो गहरे लाल रंग में। इन रंगों को बदलने के लिए, टैग में संबंधित विशेषताएँ जोड़ें : . इसका मतलब यह है कि पेज पहली बार लोड होने के बाद, सभी हाइपरलिंक बैंगनी हो जाएंगे, और यदि कोई विज़िटर उनमें से किसी एक का उपयोग करता है, तो उनके टेक्स्ट का रंग पीला हो जाएगा। यह तब सुविधाजनक होता है जब पृष्ठ पर कई लिंक होते हैं, और आगंतुक उन्हें एक-एक करके देखना चाहता है: फिर विज़िट किए गए हाइपरलिंक के लिए एक अलग रंग प्रतिस्थापित करने से ऐसे देखने को व्यवस्थित किया जा सकता है।
हाइपरलिंक HTML दस्तावेज़ों के सबसे महत्वपूर्ण घटकों में से एक हैं। इस घटक के साथ-साथ नियमित लिंक के कारण ही इंटरनेट का उपयोग करना इतना आसान है। हम हाइपरलिंक डालने के सबसे सरल विकल्पों पर गौर करेंगे, जो नौसिखिया प्रोग्रामर के रूप में आपको इस पाठ में महारत हासिल करने में मदद करेंगे।
HTML में हाइपरलिंक कैसे बनाएं?यह कोड केवल आपकी वेबसाइट पर काम करेगा; यह बाहरी लिंक के लिए काम नहीं करेगा।
< a href=" *** ">***** < /a>
उदाहरण:
< a href="https://сайт/">पत्रिका सबकुछ कैसे करें< /a>
ब्राउज़र में यह इस तरह दिखेगा:
< a href="https://сайт/prigotovlenie-edy/368-kak-sdelat-malosolnye-ogurcy.html">हल्के नमकीन खीरे कैसे बनाएं?< /a>
ब्राउज़र में हम निम्नलिखित देख पाएंगे:
किसी बाहरी साइट पर html में हाइपरलिंक कैसे बनाएं?बाहरी लिंक के लिए, कोड को थोड़ा संशोधित किया जाना चाहिए। किसी अन्य साइट का लिंक बनाने के लिए, कोड का उपयोग करें:
< a href="*** ">***** < /a>
< a href="https://vk.com/kaksdelatvse">हम "सब कुछ कैसे करें" संपर्क में हैं< /a>
नमस्कार, ब्लॉग साइट के प्रिय पाठकों! जैसा कि आप जानते हैं, किसी वेबसाइट को सफलतापूर्वक बढ़ावा देने और खोज परिणामों में उसकी स्थिति बढ़ाने के लिए, वेबसाइट का उच्च गुणवत्ता वाला एसईओ अनुकूलन करना आवश्यक है। "" की अवधारणा, जो बदले में, आंतरिक और बाहरी में विभाजित है, "आंतरिक और बाहरी साइट लिंक" जैसी अवधारणाओं के साथ अटूट रूप से जुड़ी हुई है। इसलिए, हमारे लिए यह जानना बहुत जरूरी है कि साइट पर कितने लिंक होने चाहिए, उनकी संख्या कैसे जांचें, साइट से अनावश्यक लिंक कैसे हटाएं और उन्हें इंडेक्सिंग से कैसे रोकें, लिंक मास कैसे बढ़ाएं आदि। आंतरिक और बाह्य लिंक के संबंध में इन सभी और अन्य प्रश्नों का उत्तर देने के लिए, आइए पहले समझें कि HTML में एक लिंक (या हाइपरलिंक) क्या है।
इस लेख में मैं आपको बताऊंगा कि लिंक क्या है, किसी वेबसाइट पर HTML में हाइपरलिंक कैसे बनाएं, नई विंडो में लिंक कैसे खोलें, ईमेल पते (ई-मेल) पर लिंक कैसे बनाएं और कैसे बनाएं किसी चित्र का लिंक बनाएं. हम एचटीएमएल टैग और हाइपरलिंक विशेषताएँ, लिंक एंकर, एचटीएमएल एंकर और हैश लिंक जैसी अवधारणाओं पर भी बात करेंगे। तो चलिए शुरू करते हैं.
लिंक (हाइपरलिंक) क्या है?यदि कोई हाइपरलिंक किसी ऐसे वेब पेज या फ़ाइल पर ले जाता है जो अस्तित्व में नहीं है (हटाया गया, स्थानांतरित किया गया) या उसका पता गलत है, तो ऐसे लिंक को ब्रोकन लिंक कहा जाता है। साइट पर टूटे हुए लिंक नहीं होने चाहिए, क्योंकि वे आगंतुकों को गुमराह करते हैं और ऐसे लिंक पर क्लिक करने के बाद, किसी व्यक्ति के आपकी साइट पर वापस लौटने की संभावना नहीं होती है। हम एक अलग लेख में इस बारे में अधिक बात करेंगे कि टूटे हुए लिंक क्यों दिखाई देते हैं, उन्हें कैसे ढूंढें और ठीक करें। अब चलिए जारी रखें.
किसी वेबसाइट पर HTML में लिंक (हाइपरलिंक) कैसे बनायें।आपकी या किसी अन्य साइट पर किसी अन्य पेज का लिंक बनाना बहुत आसान है। हाइपरलिंक बनाने के लिए, आपको ब्राउज़र को यह बताना होगा कि लिंक क्या है और उस दस्तावेज़ का पता बताना होगा जिस तक यह ले जाएगा। यह HTML टैग का उपयोग करके किया जाता है और आवश्यक href विशेषता:
यहां यूआरएल उस दस्तावेज़ का पता है जिस पर आपको जाना चाहिए। और हाइपरलिंक टेक्स्ट टैग के बीच स्थित है और, को लिंक एंकर कहा जाता है और यह वेब पेज के विज़िटर को दिखाई देता है। इस तथ्य के अलावा कि लिंक टेक्स्ट (एंकर) पाठक को सूचित करता है कि परिवर्तन कहां किया जाएगा, यह खोज इंजन अनुकूलन (एसईओ) में भी बहुत महत्वपूर्ण है, क्योंकि यह आपकी साइट की रैंकिंग को प्रभावित करने वाले निर्धारण कारकों में से एक के रूप में कार्य करता है। . कीवर्ड, इस एंकर में निहित है। आमतौर पर इस प्रकार की रैंकिंग को लिंक रैंकिंग कहा जाता है।
पूर्ण लिंक
इनका उपयोग किसी दस्तावेज़ को किसी अन्य साइट पर इंगित करने के लिए किया जाता है (लिंक बाहरी है)।
एक साइट के भीतर पूर्ण लिंक बनाना भी संभव है, लेकिन आंतरिक लिंक बनाने के लिए सापेक्ष पतों का उपयोग करना अधिक सही है, जो छोटे दिखते हैं। लेकिन, विभिन्न साइटों का विश्लेषण करते समय, मैंने देखा कि अधिकांश वेबमास्टर पूर्ण पते के साथ आंतरिक लिंक बनाते हैं। यहां एक प्लस है, क्योंकि यदि आपका पेज कॉपी किया गया है, तो इस तरह से आपको वर्किंग बैकलिंक्स प्राप्त होंगे।
जैसा कि आप देख सकते हैं, पूर्ण लिंक के साथ सब कुछ सरल है। सापेक्ष लोगों के साथ यह अधिक कठिन है, क्योंकि उन्हें बनाते समय, आपको यह समझने की आवश्यकता है कि href विशेषता का कौन सा मान निर्दिष्ट किया जाना चाहिए, क्योंकि यह दस्तावेज़ों के मूल स्थान पर निर्भर करता है। जैसा कि मैंने पहले ही कहा, कोई भी वास्तव में इससे परेशान नहीं होता है और साइट पर सभी लिंक को पूर्ण बनाता है। हालाँकि, यदि आप किसी वेबसाइट के लिए सही तरीके से सापेक्ष लिंक बनाने के तरीके के बारे में अधिक जानने में रुचि रखते हैं, तो मैं ब्लॉग ktonanovenkogo.ru के लेखक दिमित्री के एक लेख की सिफारिश कर सकता हूं। मैंने इससे अधिक विस्तृत और समझने योग्य स्पष्टीकरण कभी नहीं देखा।
उदाहरण के लिए, मैं आपको दिखाऊंगा कि साइट रूट से संबंधित फ़ाइल तक ले जाने वाला लिंक कैसा दिखेगा (हमने एक समान निरपेक्ष लिंक में तीसरे स्लैश के बाईं ओर सब कुछ काट दिया है):
सापेक्ष संदर्भ
घर
लिंक टेक्स्ट (एंकर)
पॉप-अप टेक्स्ट का रंग और डिज़ाइन केवल ऑपरेटिंग सिस्टम और ब्राउज़र सेटिंग्स पर निर्भर करता है।
किसी लिंक को नई विंडो में कैसे खोलें.डिफ़ॉल्ट रूप से, जब आप किसी लिंक पर क्लिक करते हैं, तो वर्तमान विंडो में एक नया दस्तावेज़ खुल जाएगा। हालाँकि, वेबसाइट ब्राउज़ करते समय, यह मेरे लिए व्यक्तिगत रूप से सुविधाजनक नहीं है। किसी लेख को पढ़ते समय और किसी लिंक का अनुसरण करते समय, यह मेरे लिए सुविधाजनक होता है कि पृष्ठ एक नई विंडो में खुलता है और मैं किसी भी समय पिछले लेख को पढ़ना जारी रख सकता हूं। किसी लिंक को नई विंडो में खोलने का दूसरा कारण यह है कि जब आप किसी और की साइट पर जाते हैं, तो इस बात की बहुत अधिक संभावना होती है कि पाठक वापस नहीं आएगा। खासतौर पर अगर वह कई बदलाव करता है और उसे याद नहीं रहता कि वह कुछ मिनट पहले कहां था।
टैग की लक्ष्य विशेषता हमें लिंक को नई विंडो में खोलने में मदद करेगी . डिफ़ॉल्ट रूप से इसका मान _self होता है, जो आमतौर पर निर्दिष्ट नहीं होता है। दस्तावेज़ को नई विंडो में खोलने के लिए, लक्ष्य विशेषता के मान को _blank में बदलें:
1 | नई विंडो |
नई विंडो
यदि किसी अन्य की साइट पर जाकर, जहां लिंक वर्तमान विंडो में खुलते हैं, आप उन्हें एक नई विंडो में खोलना चाहते हैं तो आपको क्या करना चाहिए? आपको बस उन पर बटन से नहीं, बल्कि माउस व्हील से क्लिक करना है। इस मामले में नया पेजएक नई विंडो में खुलता है।
ई-मेल (ईमेल एड्रेस) का लिंक कैसे बनायें।इस लिंक पर क्लिक करने पर काम करने के लिए प्रोग्राम खुल जाएगा ईमेल द्वारा, डिफ़ॉल्ट रूप से स्थापित, जहां "टू" फ़ील्ड पहले से ही भरी हुई होगी। पत्र का विषय स्वचालित रूप से भरने के लिए, आपको इस प्रकार के ई-मेल का लिंक बनाना होगा:
दिमित्री KtoNaNovenkogo HTML एंकर का उपयोग किए बिना, वेब पेज के टेक्स्ट में बुकमार्क सेट करने का एक और तरीका सुझाता है। ऐसा करने के लिए, हम पृष्ठ पर उपलब्ध किसी भी HTML टैग से एक बुकमार्क बनाते हैं, इसे यूनिवर्सल आईडी विशेषता निर्दिष्ट करते हैं। उदाहरण के लिए, आइए एक h3 शीर्षक टैग को बुकमार्क करें:
शीर्षक पाठ
एंकर नाम के पहले अक्षर के रूप में आईडी विशेषता में एक लैटिन अक्षर शामिल करना महत्वपूर्ण है, फिर आप किसी अन्य अनुमत अक्षर का उपयोग कर सकते हैं।
आइए, उदाहरण के लिए, शीर्षक " " पर वापस जाएँ, और फिर जारी रखें।
आप न केवल एक पृष्ठ के भीतर वांछित स्थान पर जाने के लिए, बल्कि साइट पर दूसरे पृष्ठ पर जाने के लिए भी हैश लिंक का उपयोग कर सकते हैं। ऐसा करने के लिए, हम HTML एंकर को सही पेज पर सही जगह पर सेट करते हैं, और हैश लिंक में ही हैश सिंबल से पहले इस पेज का पता लिखते हैं। उदाहरण के लिए:
टेक्स्ट को HTML एंकर बुकमार्क से लिंक करें
HTML में हाइपरलिंक के प्रकार और रंग।- एक न देखा गया लिंक नीला और रेखांकित है।
- सक्रिय लिंक - लिंक पर माउस क्लिक और एक नया पेज लोड होने की शुरुआत के बीच के समय के दौरान लाल हो जाता है। इससे साफ है कि वह इस अवस्था में कुछ ही समय के लिए हैं.
- विज़िट किए गए लिंक पर क्लिक करने पर उसका रंग बैंगनी हो जाता है।
आप किसी टैग और उसकी निम्नलिखित विशेषताओं का उपयोग करके HTML दस्तावेज़ में हाइपरलिंक का रंग बदल सकते हैं:
- लिंक - न देखे गए लिंक का रंग.
- एलिंक - सक्रिय लिंक का रंग।
- Vlink - विज़िट किए गए लिंक का रंग।
उपरोक्त सभी विशेषताओं को जोड़ा जा सकता है:
1 |
मुझे आशा है कि अब यह स्पष्ट हो गया है कि HTML पेज और ई-मेल पर हाइपरलिंक कैसे बनाया जाता है, चित्र को लिंक कैसे बनाया जाता है, टेक्स्ट एंकर, हैश लिंक और HTML एंकर क्या हैं, HTML टैग और लिंक विशेषताएँ क्या हैं। मैंने यथासंभव विस्तार से यह बताने का प्रयास किया कि HTML में लिंक क्या हैं और वे क्या हैं। मैं आपको याद दिला दूं कि टेक्स्ट में हाइपरलिंक सम्मिलित करना केवल HTML मोड में किया जाता है।
मैंने पहले कभी इतने लंबे लेख नहीं लिखे, 10,000 से अधिक अक्षर। लेकिन यह लिंक के विषय का अंत नहीं है, जिसे जारी रखा जाए।
यदि यह लेख आपके लिए उपयोगी था, तो कृपया नीचे दिए गए सोशल मीडिया बटन पर क्लिक करें। पन्नों पर फिर मिलेंगे!
लिंक को दो श्रेणियों में विभाजित किया जा सकता है:
बाहरी संसाधनों के लिंक - एक टैग का उपयोग करके बनाए गए और ब्राउज़र द्वारा संसाधित होने पर वर्तमान दस्तावेज़ की क्षमताओं का विस्तार करने के लिए उपयोग किए जाते हैं;
हाइपरलिंक - अन्य संसाधनों के लिंक जिन पर उपयोगकर्ता जा सकता है या डाउनलोड कर सकता है।
हाइपरलिंक एक युग्मित टैग का उपयोग करके बनाए जाते हैं। वेब पेज पर प्रदर्शित होने वाला टेक्स्ट टैग के अंदर रखा जाता है। लिंक टेक्स्ट ब्राउज़र में एक अंडरलाइन के साथ प्रदर्शित होता है, फ़ॉन्ट का रंग नीला होता है, और जब आप लिंक पर होवर करते हैं, तो माउस कर्सर का स्वरूप बदल जाता है।
आवश्यक टैग पैरामीटर href विशेषता है, जो वेब पेज का URL निर्दिष्ट करती है।
लिंक सूचकांकएक लिंक में दो भाग होते हैं - एक सूचक और एक पता भाग। लिंक पॉइंटर उपयोगकर्ता को दिखाई देने वाला टेक्स्ट या छवि का एक टुकड़ा है। लिंक का पता भाग उपयोगकर्ता को दिखाई नहीं देता है; यह उस संसाधन का पता दर्शाता है जिस पर आपको जाना है।
लिंक के पते वाले भाग में यूआरएल शामिल है। यूआरएल (यूनिफ़ॉर्म रिसोर्स लोकेटर) - यूनिफ़ॉर्म रिसोर्स एड्रेस। पते बनाते समय, शब्दों को अलग करने के लिए अंडरस्कोर के बजाय हाइफ़न का उपयोग करने की अनुशंसा की जाती है। सामान्य तौर पर, एक यूआरएल निम्नलिखित प्रारूप वाला होता है:
पहुंच विधि: // सर्वर नाम: पोर्ट/पथ
एक एक्सेस विधि, या प्रोटोकॉल, विभिन्न नेटवर्क पर वर्कस्टेशन के बीच डेटा का आदान-प्रदान करता है। सबसे आम डेटा ट्रांसफर प्रोटोकॉल:
फ़ाइल स्थानीय डिस्क से फ़ाइल को पढ़ने की सुविधा प्रदान करती है:
फ़ाइल:/गैलरी/चित्र/समर.html
HTTP HTTP प्रोटोकॉल का उपयोग करके एक वेब पेज तक पहुंच प्रदान करता है:
http://site.ru/
https HTTP प्रोटोकॉल का एक विशेष कार्यान्वयन है जो एन्क्रिप्शन (आमतौर पर SSL या TLS) का उपयोग करता है
https://site.ru/
ftp फ़ाइल प्राप्त करने के लिए FTP सर्वर से अनुरोध करता है:
Ftp://pgu/directory/library
मेल्टो निर्दिष्ट गंतव्य और होस्ट के साथ एक मेल सत्र शुरू करता है:
मेलटो: [ईमेल सुरक्षित]
सर्वर नाम नेटवर्क पर मशीन का पूरा नाम बताता है, उदाहरण के लिए, site.ru। यदि सर्वर नाम निर्दिष्ट नहीं है, तो लिंक को स्थानीय माना जाता है, अर्थात। यह उसी मशीन पर है जिस पर लिंक वाला HTML दस्तावेज़ है।
टीसीपी पोर्ट नंबर जिस पर वेब सर्वर संचालित होता है। यह एक संख्या है जिसे निर्दिष्ट किया जाना चाहिए यदि विधि को पोर्ट नंबर की आवश्यकता होती है (व्यक्तिगत सर्वर का अपना विशिष्ट पोर्ट नंबर हो सकता है)। यदि कोई पोर्ट निर्दिष्ट नहीं है, तो डिफ़ॉल्ट पोर्ट 80 है। मानक पोर्ट हैं:
21 - एफ़टीपी
23 - टेलनेट
70 - गोफर
80 - HTTP
पथ में उस फ़ोल्डर का नाम होता है जहां फ़ाइल स्थित है।
2. निरपेक्ष एवं सापेक्ष पथजब कोई लिंक केवल फ़ाइल नाम निर्दिष्ट करता है, तो ब्राउज़र मानता है कि फ़ाइल हाइपरलिंक वाले दस्तावेज़ के समान फ़ोल्डर में है। व्यवहार में, वेबसाइटों में सैकड़ों दस्तावेज़ होते हैं, जिन्हें प्रबंधित करना आसान बनाने के लिए अलग-अलग फ़ोल्डरों में रखा जाता है। वर्तमान दस्तावेज़ वाले फ़ोल्डर के बाहर किसी फ़ाइल का लिंक बनाने के लिए, आपको फ़ाइल का स्थान या पथ निर्दिष्ट करना होगा। HTML दो प्रकार के पथों का समर्थन करता है: निरपेक्ष और सापेक्ष।
चावल। 1. फ़ोल्डर संरचना का उदाहरण 2.1. पूर्ण पथएक निरपेक्ष पथ कंप्यूटर (सर्वर) पर संपूर्ण फ़ोल्डर संरचना के भीतर फ़ाइल का सटीक स्थान निर्दिष्ट करता है। फ़ाइल का पूर्ण पथ तीसरे पक्ष के संसाधनों से फ़ाइल तक पहुंच प्रदान करता है और इसमें निम्नलिखित घटक शामिल होते हैं:
1) प्रोटोकॉल, उदाहरण के लिए, http (वैकल्पिक);
2) डोमेन (डोमेन नाम या कंप्यूटर आईपी पता);
3) फ़ोल्डर (फ़ोल्डर का नाम फ़ाइल का पथ दर्शाता है);
4) फ़ाइल (फ़ाइल नाम)।
निरपेक्ष पथ संकेतन दो प्रकार के होते हैं: प्रोटोकॉल संकेत के साथ और बिना:
Http://site.ru/pages/tips/tips1.html //site.ru/pages/tips/tips1.html
यदि फ़ाइल रूट फ़ोल्डर में है, तो फ़ाइल का पथ इस प्रकार होगा:
http://site.ru/index.html
यदि कोई फ़ाइल नाम नहीं है, तो वेब सर्वर सेटिंग्स में डिफ़ॉल्ट रूप से सेट किया गया वेब पेज लोड किया जाएगा (तथाकथित इंडेक्स फ़ाइल)।
http://site.ru/
आमतौर पर इंडेक्स फ़ाइल Index.html नाम का एक दस्तावेज़ है। अनुगामी स्लैश / की उपस्थिति का अर्थ है कि पहुंच फ़ोल्डर तक जाती है, यदि यह वहां नहीं है, तो यह सीधे फ़ाइल तक जाती है।
2.2. तुलनात्मक पथएक सापेक्ष पथ वर्तमान दस्तावेज़ के सापेक्ष निर्दिष्ट दस्तावेज़ के पथ का वर्णन करता है। पथ उस वेब पेज के स्थान के आधार पर निर्धारित किया जाता है जिस पर लिंक स्थित है। उसी साइट पर अन्य दस्तावेज़ों के लिंक बनाते समय सापेक्ष लिंक का उपयोग किया जाता है। जब ब्राउज़र को लिंक में http:// प्रोटोकॉल नहीं मिलता है, तो वह निर्दिष्ट दस्तावेज़ के लिए उसी सर्वर पर खोज करता है।
एक सापेक्ष पथ में निम्नलिखित घटक होते हैं:
1) फ़ोल्डर (फ़ोल्डर का नाम फ़ाइल का पथ दर्शाता है);
2) फ़ाइल (फ़ाइल नाम)।
सापेक्ष लिंक के पथ में तीन विशेष नोटेशन हैं:
/ रूट डायरेक्टरी की ओर इशारा करता है और कहता है कि दस्तावेज़ रूट डायरेक्टरी से शुरू करें और अगले फ़ोल्डर तक अपना काम करें
./ वर्तमान फ़ोल्डर की ओर इंगित करता है
../ एक फ़ोल्डर ऊपर जाएं (निर्देशिका)
सापेक्ष पथ और निरपेक्ष पथ के बीच मुख्य अंतर यह है कि सापेक्ष पथ में रूट फ़ोल्डर और पैरेंट फ़ोल्डर का नाम नहीं होता है, जिससे पता छोटा हो जाता है, और यदि आप एक डोमेन से दूसरे डोमेन पर जाते हैं, तो आपको इसकी आवश्यकता नहीं होती है एक नया पूर्ण पता दर्ज करें. लेकिन यदि कोई तृतीय-पक्ष संसाधन, उदाहरण के लिए, आपकी छवियों से संबंधित पते के साथ लिंक करता है, तो वे किसी अन्य साइट पर प्रदर्शित नहीं होंगे।
3. एंकरएंकर, या आंतरिक लिंक, वर्तमान वेब पेज के विभिन्न अनुभागों में संक्रमण बनाते हैं, जिससे आप अनुभागों के बीच शीघ्रता से स्थानांतरित हो सकते हैं। जब पृष्ठ पर बहुत अधिक पाठ हो तो यह बहुत सुविधाजनक हो जाता है। टैग का उपयोग करके आंतरिक लिंक भी बनाए जाते हैं इस अंतर के साथ कि href विशेषता में पॉइंटर का नाम होता है - तथाकथित एंकर, न कि URL पता। सूचक नाम के पहले सदैव # चिह्न लगा होता है।
मुझे लगता है कि आप पहले से ही समझ गए हैं कि इस अध्याय में क्या चर्चा की जाएगी.. और आप जानते हैं कि लिंक क्या है, यदि नहीं, तो यहां क्लिक करें.. लिंक कई प्रकार के होते हैं, साथ ही उन पर क्लिक करने के लिए "तंत्र" भी होते हैं। इस अध्याय में मैं लिंक को पंजीकृत करने के तरीके के बारे में विस्तार से बात करने की कोशिश करूंगा, साथ ही उनके साथ काम करने की जटिलताओं के बारे में भी बताऊंगा।
गीतात्मक विषयांतर:
एक बार सेना में चीफ ऑफ स्टाफ मेरे पास आये और एक आदेश दिया, मैं उद्धृत करता हूं:
मुझे वह दस्तावेज़ लाओ, हालाँकि मुझे नहीं पता कि वह कहाँ है या क्या है!! तुम क्यों खड़े हो? चलो भागते हैं!! मुझे देर हो गई!!!
तो, मेरा इससे क्या तात्पर्य है, ताकि ब्राउज़र स्तब्ध न हो जाए, जैसा कि मैंने तब किया था, उसे यह जानने की आवश्यकता है: दस्तावेज़ का सटीक नाम, दस्तावेज़ का पथ, और उसे लाने का स्थान, या यूँ कहें कि इसे कहाँ खोलना है।
फिलहाल, नोटपैड का उपयोग करके, हमने केवल एक HTML दस्तावेज़ बनाया है, मेरे पास इसका नाम Index.html है (आपने इतना अजीब नाम Index.html क्यों चुना और इसकी आवश्यकता क्यों है, देखें) मुझे नहीं पता कि कौन सा एक, आप स्वयं नाम लेकर आए, लेकिन मुझे लगता है, आप इसे याद रखते हैं और जानते हैं कि यह कहां है, जब तक कि निश्चित रूप से आप मेरे चीफ ऑफ स्टाफ नहीं हैं :).. इस दस्तावेज़ में हम किसी अन्य दस्तावेज़ के लिए एक लिंक बनाने का प्रयास करेंगे हमारे पास अभी तक नहीं है.. इसलिए इससे पहले कि आप इसे लिंक करें, आपको इसे बनाना होगा, सौभाग्य से आप पहले से ही जानते हैं कि यह कैसे करना है।
अब मुझे पता है कि आपके पास दो HTML दस्तावेज़ हैं Index.html और primer.html और अब आपके पास आगे के प्रशिक्षण के लिए न्यूनतम सेट है।
टेक्स्ट लिंक.आइए मिलते हैं टैग से (एंकर से), आप इसमें टेक्स्ट या चित्र संलग्न कर सकते हैं, जो कुछ दस्तावेज़ों का लिंक बन जाएगा। टैग विशेषता href उस दस्तावेज़ का नाम और पथ निर्दिष्ट करता है जिस पर लिंक इंगित करता है।
सब मिलाकर यह इस प्रकार लिखा गया है:
यहाँ मेरी तस्वीरें हैं!!जैसा कि आप शायद समझ गए होंगे, primer.html हमारे दूसरे html दस्तावेज़ का नाम है, और शिलालेख "यहाँ मेरी तस्वीरें हैं!!" यह Index.html फ़ाइल से पाठ का एक टुकड़ा है।
चित्रों के अनुरूप, टैग खोले जा रहे दस्तावेज़ का लिंक पथ उन्हीं विधियों का उपयोग करके निर्दिष्ट किया गया है:
यहाँ मेरी तस्वीरें हैं!!- इस प्रविष्टि का तात्पर्य है कि जिस निर्देशिका में हमारा पहला html दस्तावेज़ स्थित है, वहाँ एक स्ट्रानिका फ़ोल्डर है जिसमें primer.html फ़ाइल स्थित है
यहाँ मेरी तस्वीरें हैं!!
- इसका मतलब है कि primer.html फ़ाइल दस्तावेज़ से एक स्तर ऊपर स्थित है
यहाँ मेरी तस्वीरें हैं!!
- दस्तावेज़ वेबसाइट www.site.ru पर स्थित है।
अच्छा, चलो इसे आज़माएँ? नीचे दो दस्तावेज़ों का उदाहरण दिया गया है जिनमें एक-दूसरे की ओर इशारा करने वाले लिंक हैं।
Index.html फ़ाइल:
पाठ के एक टुकड़े का लिंक बनाना
मुझे बताओ, प्यारे बच्चे: यह किस कान में गूंज रहा है?
दाएं या बाएं?
Primer.html फ़ाइल:
यहां लिंक का अनुसरण किया गया< body >और उसके गुण.
लिंक - लिंक रंग.एलिंक - क्लिक किए गए, सक्रिय लिंक का रंग।
वीलिंक - विज़िट किए गए लिंक का रंग।
इसे इस प्रकार लिखा गया है:
किसी टेक्स्ट लिंक के रंग के बारे में बात करना जारी रखते हुए, यह उल्लेखनीय है कि, यदि आवश्यक हो, तो आप किसी परिचित टैग और उसके रंग का उपयोग करके पूरे लिंक और उसके अलग-अलग हिस्सों (वाक्यांश, शब्द, अक्षर) को रंग में हाइलाइट करने के लिए मजबूर कर सकते हैं। गुण। हालाँकि, यह न केवल रंग पर लागू होता है; आप टेक्स्ट का आकार, शैली और फ़ॉन्ट भी अलग से सेट कर सकते हैं। लेकिन याद रखें कि रंग में हेरफेर टैग के अंदर ही किया जाना चाहिएयहीं
यहाँ मेरी तस्वीरें हैं!!
और ज़्यादा नहीं, अन्यथा लिंक का रंग या तो डिफ़ॉल्ट रूप से होगा या टैग में निर्दिष्ट अनुसार होगा
इंद्रधनुष
उस वाक्यांश को देखें जो आपको इंद्रधनुष में रंगों के स्थानों को याद रखने में मदद करेगा
आर
ए
डी
यू
आर
पाठ के एक टुकड़े का लिंक बनाना
और ज़्यादा नहीं, अन्यथा लिंक का रंग या तो डिफ़ॉल्ट रूप से होगा या टैग में निर्दिष्ट अनुसार होगा
जी
प्रत्येक
शिकारी
इच्छाओं
जानना
कहाँ
बैठक
तीतर
घर पर वापस
साइट पर आपके एक पेज का नाम अवश्य ही Index.html होना चाहिए।
यह इस नाम वाली फ़ाइल है जिसे रोबोट प्रोग्राम आपकी वेबसाइट पर तब खोजेगा जब कोई व्यक्ति आपकी वेबसाइट का नाम दर्ज करेगा। चूँकि सबसे पहले Index.html पेज खुलेगा, इसे मुख्य पेज बनायें। आप शेष पृष्ठों को जो चाहें नाम दे सकते हैं... नामों के साथ अब कोई बारीकियाँ नहीं हैं।
रजिस्टर के बारे में... दस्तावेज़ों का पथ और नाम लिखते समय, याद रखें कि, उदाहरण के लिए: Page.html, page.html और PAGE.html विभिन्न दस्तावेज़ों के नाम हैं! यही बात बुकमार्क और चित्रों के नाम पर भी लागू होती है। कोड लिखते समय हमेशा इस बात पर विचार करें कि इस बात की बहुत अधिक संभावना है कि ऐसे नामों को एक ब्राउज़र या किसी अन्य द्वारा पहचाना नहीं जाएगा। हर चीज़ को छोटे लैटिन अक्षरों में लिखने और बुलाने का नियम बना लें, तो मानवीय कारक और कार्यक्रमों की अनियमितता का जोखिम शून्य हो जाएगा। तीन क्लिक नियम..."लिंक का पेड़" इस तरह से बनाने का प्रयास करें कि कोई भी साइट विज़िटर कम से कम क्लिक में साइट के किसी भी पेज से किसी भी स्थान पर पहुंच सके। तीन से अधिक संक्रमण