कंप्यूटर, प्रोग्रामिंग
कैसे HTML में एक हाइपरलिंक डालने के लिए? बनाना और एक HTML में हाइपरलिंक का उपयोग कर
हाइपरटेक्स्ट अन्य पाठ के लिंक वाला एक पाठ है। उदाहरण अगर यह एक विदेशी भाषा में पाठ पाया जाता है, किताब के पन्नों के निचले भाग में जटिल परिभाषाओं या अनुवाद पाद टिप्पणियों पर लेखक के नोट हैं। इंटरनेट साइटों हाइपरटेक्स्ट की एक जटिल प्रणाली एक पृष्ठ से पृष्ठ के भीतर ही दूसरे के लिए कूदता है, लेकिन यह भी असंबंधित एकल थीम पर आधारित संसाधनों के बीच कर रहे हैं। इस तरह की एक संरचना व्यावहारिक है, बहुत समय की बचत होती है, आगंतुक जल्दी से आवश्यक जानकारी प्राप्त करने के लिए, और संक्रमण की एक बड़ी संख्या में खो जाना नहीं की अनुमति देता है।
हाइपरलिंक सम्मिलित करें
टैग संरचना ...
आपको लगता है कि टैग देख सकते हैं - डबल्स: आवश्यक अंतिम टैग ।
href - टैग विशेषता एक लिंक गंतव्य निर्दिष्ट करता है।
https://google.com/ - विशेषता मान, जिस पर संक्रमण बनाने के लिए एक संसाधन का URL पता लगा। यह डबल या एकल उद्धरण है। यह HTML नियमों के घोंसले टैग की संरचना पर निर्भर करता है।
पूरे संरचना एक वेब दस्तावेज़ का एक तत्व है।
HTML के नियमों के तहत, कुछ तत्वों अन्य तत्वों हो सकते हैं। टैग भी इसका अपवाद नहीं । प्रोग्रामर बोल्ड शब्द गूगल में उजागर करने के लिए की जरूरत है, आप नेस्टेड टैग के अनुक्रम में पाठ स्वरूपण के सामान्य नियम के अनुसार टैग का उपयोग करके ऐसा। वेबमास्टर एक HTML त्रुटि मुक्त में हाइपरलिंक बनाने के लिए कैसे पता होना चाहिए, अन्यथा वे काम नहीं करेगा। कंप्यूटर खिचड़ी के लिए टूटी कड़ियाँ बुलाया "पीटा"।
यहाँ: तत्व
यह नेस्टेड शामिल
अब पेज एक आगंतुक "Google" शब्द बड़े अक्षरों में हाइपरलिंक देखता है।
पूर्ण हाइपरलिंक
हाइपरलिंक कि कि डोमेन नाम रखने वाले साइटों के पूर्ण यूआरएल-पते का उपयोग करें (.ru, .com, .org, .gov ), पूर्ण कहा जाता है, और निम्न सिंटैक्स है:
प्रोटोकॉल: // फ़ाइल का डोमेन नाम / पथ
उदाहरण पता अमेरिका खोज इंजन में बड़े पैमाने पर: https://aol.com - पूर्ण है, क्योंकि यह डोमेन नाम .com शामिल हैं।
निरपेक्ष हाइपरलिंक अन्य साइटों के पृष्ठों पर नेविगेट करने के लिए या किसी अन्य सर्वर पर स्थित संसाधनों का उपयोग किया जाता है। संक्रमण इंटरनेट प्रोटोकॉल का उपयोग करके किया जाता है। प्रोटोकॉल - यह इस लेख का विषय नहीं है, लेकिन के रूप में वे हाइपरलिंक के निर्माण में भाग, आप कम से कम कुछ समय के लिए उन्हें का उल्लेख करना होगा:
- http और https - सबसे आम; उन्हें अलग अलग साइटों के वेब पृष्ठों के बीच स्विच करने के लिए;
- एफ़टीपी - सर्वर या साइट से उपयोगकर्ता डाउनलोड के लिए फ़ाइलों को अपलोड करने के लिए एक प्रोटोकॉल;
- इन्हें मेल करें - मेल प्रोटोकॉल साइट से सीधे ई-मेल भेजता है, व्यक्तिगत ई-मेल पर जाए बिना।
विशेष प्रयोजन (गोफर, टेलनेट) के कुछ ही रिपोर्ट नहीं है, बहुत दुर्लभ, प्रोग्रामिंग या सिस्टम प्रशासन में विशेष ज्ञान की आवश्यकता है जो का उपयोग है।
रिश्तेदार हाइपरलिंक
साथ रिश्तेदार को संबोधित कर रहे हैं, जीवन में बदलाव के लिए इस्तेमाल किया और HTML में हाइपरलिंक के उपयोग यह परे नेतृत्व नहीं करता है। पेज इतना बड़ा है कि खड़ी स्क्रॉलबार चलाता है, कभी कभी बहुत लंबे, इस तरह के एक शब्दकोश में के रूप में है, तो यह बहुत सुविधाजनक और वांछित अक्षर के लिए कूद के सापेक्ष लिंक का उपयोग करने के लिए उपयुक्त है।
ऑनलाइन शब्दकोश, पेज की शुरुआत में एक प्रोग्रामर बनाना वर्णमाला है, और यदि लिंक के उपयोग के लिए नहीं है, तो उपयोगकर्ता एक बहुत लंबे समय के लिए माउस का पहिया बारी करने के पत्र "मैं" को पाने के लिए था।
विशेषता नाम टैग का उपयोग कर एक रिश्तेदार लिंक बनाने के लिए:
पत्र मैं पर वापस
जहां फिर लंगर कहा जाता है, जबकि वापस पत्र मैं करने के लिए - लंगर गंतव्य। एंकर के सही प्रदर्शन के लिए यह अक्षरों और संख्याओं का उपयोग करने के, तो, "मैं" नहीं लिखते, हालांकि यह समझ में आता हो गया होता सिफारिश की है।
अब जब कि पत्र "मैं" के लिए पेज की शुरुआत में वर्णमाला से संक्रमण, उसके एचटीएमएल-दस्तावेज है, जो पत्र "मैं" के साथ शुरू होता में लंगर खूंटी बनाने के लिए आवश्यक है:
लंगर के सामने संख्या चिह्न है, जो बिना पत्र के लिए संक्रमण काम नहीं करेगा खड़ा है।
सापेक्ष को संबोधित कर रहे हैं जब एक वेबसाइट का निर्माण
सुविधाजनक और एक सॉफ्टवेयर साइट बनाने के लिए सबसे आम एल्गोरिथ्म:
- आपके कंप्यूटर और त्वरित पहुँच की सुविधा के लिए स्थल पर उसके स्थान पर एक फ़ोल्डर बनाएँ;
- मुख पृष्ठ के फ़ोल्डर में index.html बनाने;
- माध्यमिक वेब पेज (index.html / पृष्ठ 2) का निर्माण;
- एक फ़ोल्डर और छवि फ़ाइलों में रखने से बनाएं;
- एक फ़ोल्डर बनाएँ और यह (डाउनलोड के लिए फ़ाइलें, उदाहरण के लिए) अन्य वस्तुओं रखने;
- साइट की सामग्री के भरने;
- फ़ाइलों की होस्टिंग पर साइट का मौक़ा मिला।
जरूरी साइट के तत्वों के बीच संचार लिंक के लिए प्रयोग की जाने वाली है, और बहुत ही साइट के एक पृष्ठ पर HTML में एक हाइपरलिंक डालने के लिए कैसे पता करने के लिए उपयोगी होगा। साइट एक ही सर्वर पर एक ही निर्देशिका में मौजूद रहते हैं तो वहाँ पूर्ण संबोधित कर उपयोग करने की आवश्यकता है। जब साइट वस्तुओं के बीच लिंक को होस्ट करने के लिए फ़ाइलों को स्थानांतरित बने हुए हैं, क्योंकि वे होस्ट कर रहे हैं और एक ही निर्देशिका में रखा जाएगा।
मान लीजिए कि एक प्रोग्रामर एक मुख पृष्ठ index.html साइट है, जो एक और पेज page2.html लिए एक लिंक है, एक तस्वीर img.png के साथ सजाया बनाया गया है। तब छवि के सापेक्ष पथ इस तरह दिखेगा:
सुझाव: में इस विषय के अध्ययन के कारण यह संक्रमण पतों की सही वर्तनी में दक्षता प्राप्त करने के लिए, और किसी और के कोड को समझने के लिए सीखने के लिए आवश्यक है कि के लिए एक सरल पाठ संपादक का उपयोग करने के लिए सबसे अच्छा है। इस स्तर पर बिना त्रुटि से लिखा एक नोटबुक में एक हाइपरलिंक, एचटीएमएल उन्हें माफ नहीं करता है एक अच्छा परिणाम हो, और एक त्रुटि देता होगा।
तरीके एक हाइपरलिंक पर क्लिक
डिफ़ॉल्ट रूप से, एक नया पृष्ठ जब कोई उपयोगकर्ता हाइपरलिंक पर क्लिक करता है वर्तमान ब्राउज़र विंडो में खुलता है। लेकिन एक वेब प्रोग्रामर एक नई विंडो में उदाहरण के लिए डिफ़ॉल्ट बदल सकते हैं और पृष्ठ को खोलने के लिए मजबूर कर सकते हैं,। इस प्रयोजन के लिए वहाँ एक निश्चित अपने मूल्य के साथ एक लक्ष्य विशेषता है। कहीं यह संभव तालिका व्यक्त करने के लिए है।
| _blank | एक नई ब्राउज़र विंडो में खुलने वाले पृष्ठ |
| _self | वर्तमान विंडो (डिफ़ॉल्ट सेटिंग) में पृष्ठ खोलता है |
| _parent | माता-पिता के फ्रेम में पृष्ठ खोलता है |
| _शीर्ष | फ़्रेम का उपयोग उन सब को रद्द करने और वर्तमान ब्राउज़र विंडो में खुलने वाले पृष्ठ |
गुण लागू करने के लिए वाक्य रचना को लक्ष्य:
होम "गूगल" एक नई विंडो में खुलेगा।
ध्यान दें: एक नए टैब में पृष्ठ खोलने के लिए, वहाँ इस विशेषता के लिए कोई मूल्य नहीं है, और ब्राउज़र सेटिंग में उपयोगकर्ता द्वारा निर्धारित है।
हाइपरलिंक का रंग
समय के साथ एक अनुभवी इंटरनेट उपयोगकर्ता, देखा जाना चाहिए था कि हाइपरलिंक आसपास के पाठ से रंग में अलग हैं, और वे आमतौर पर नीले रंग कर रहे हैं। लिंक है जिस पर वह पारित कर दिया, और फिर पिछले पृष्ठ पर वापस चला गया, बकाइन कर रहे हैं। अमानक रंग एक सा में HTML में हाइपरलिंक का उपयोग करना है, लेकिन अन्य लोगों के अलावा साइट आवंटित करता है।
टैग में लिंक का रंग विशेषताएं और उनके मान का उपयोग, जो rgb प्रणाली (# 00FF00) में या ( «हरी») रंग के नाम का एक सीधा संकेत के साथ HTML रंग में कार्य करता है सेट करता है। वहाँ लिंक के लिए विशेषताओं के तीन प्रकार हैं:
- लिंक - विज़िट नहीं किए गए लिंक का रंग परिभाषित करता है;
- vlink - लिंक उपयोगकर्ता पहले ही बीत चुका है, जिसके माध्यम से रंग निर्दिष्ट करता है;
- ALINK - लिंक जब किसी दूसरे पृष्ठ पर स्विच करने का रंग निर्दिष्ट करता है। यह तेजी से है, ताकि आप हमेशा इस आशय नहीं पकड़ सकते।
अंकन उदाहरण:
<शरीर लिंक = «# 330,099» ALINK = «# FF0000» vlink = «# 990,066">
आप टैग
में इन विशेषताओं लागू होते हैं, वेब दस्तावेज़ के संदर्भ गहरे नीले रंग की हो जाएगा, का दौरा किया - बैंगनी और सक्रिय - नारंगी-लाल।ग्राफिक हाइपरलिंक
प्रगति और वेब डिजाइन विकास एक छवि के रूप HTML में एक हाइपरलिंक डालने के लिए कैसे पता करने के लिए आवश्यकता होती है। यह स्पष्ट है कि चित्र गंतव्य पृष्ठ की सामग्री के अनुरूप होना चाहिए। उदाहरण के लिए, औषधीय पौधों के मुख्य पृष्ठ पौधों की तस्वीरों के रूप में प्रस्तुत किया जा सकता है, जिस पर उपयोगकर्ता द्वारा पृष्ठ है कि पौधों के औषधीय गुणों का वर्णन करने के लिए जाना होगा क्लिक करें।
व्यापक रूप से इस्तेमाल जिस तरह से ग्राफिक्स संपादक (GIMP, फ़ोटोशॉप) में एक वेब डिजाइनर द्वारा बनाई गई सुंदर ग्राफिक्स पर स्थिर बटन () को बदलने के लिए।
एक ग्राफिक सम्मिलित करने के लिए के रूप में साइट के पृष्ठों पर हाइपरलिंक एक ही सिंटैक्स का उपयोग करता है, लेकिन एक छवि टैग का उपयोग कर पाठ की बजाय HTML के नियमों डालने से:
<एक href = http: //fb.ru/article/327992/%C2%ABpage2.html%C2%BB%3E%3Cimg src = http: // साइट / लेख / 327992 /% C2% एबी / images / img1 % C2% BB alt = «मां कोल्टसफ़ूट» चौड़ाई = «50» ऊंचाई = «46»>
द्वारा टैग एक ही तरीके से लागू विशेषताएँ स्पष्ट एक वैकल्पिक पाठ, चौड़ाई, ऊंचाई, और अन्य।
वेबसाइट से कॉल
एचटीएमएल 5 मानक इंटरनेट के उपयोग की कार्यक्षमता का विस्तार किया है, और अब आप कॉल न केवल फोन से है, लेकिन सीधे साइट से बना सकते हैं। इस प्रयोजन के लिए, आप भी एक HTML दस्तावेज में हाइपरलिंक का उपयोग कर सकते हैं, और वे निम्नलिखित वाक्य रचना है:
इसके बजाय शब्द के "पार्टी" फोनबुक में सहज ज्ञान युक्त फोन करने वाले संपर्क निर्धारित है। तुम भी (उपयोगकर्ता तस्वीर) एक ग्राफ़िक फ़ाइल रख सकते हैं।
कॉल साइट के लिए किए गए थे, आप ग्राहक के फ़ोन नंबर पर न केवल एक संदर्भ, लेकिन यह भी एक हेडसेट (माइक्रोफोन, हेडफोन) आपके कंप्यूटर वीओआईपी-कार्यक्रम पर स्थापित होना चाहिए, इंटरनेट की गति 0.5 MB / से होनी चाहिए। कॉल के लिए भुगतान यातायात के प्रवाह बना दिया। इसलिए, यदि इंटरनेट असीमित है, कॉल निःशुल्क हैं।
आचार हाइपरलिंक बनाने
इंटरनेट पर साइट रखने से, वेबमास्टर क्या प्रकार के होते HTML में हाइपरलिंक हैं पता होना चाहिए, और न केवल सही उन्हें पेशेवर उपयोग करने के लिए, लेकिन यह भी निम्नलिखित प्रावधानों का पालन:
- हाइपरलिंक आसानी से दिखाई दे, उसके आसपास के पाठ से अलग होना चाहिए। उपयोगकर्ता को पता होना चाहिए कि यह है - एक हाइपरलिंक।
- उपयोगकर्ता स्पष्ट होना जहां वह लिंक पर क्लिक करके मिल जाएगा चाहिए। ऐसा करने के लिए, इसे और अधिक विशेषता शीर्षक है, जो संक्षेप रूपांतरण पृष्ठ का वर्णन का प्रयोग उचित है। आवेदन विशेषता का सिंटेक्स है:
- उपयोगकर्ता प्राप्त करना होगा जब आप लिंक पर क्लिक करें फ़ाइल बारे में सटीक जानकारी डाउनलोड किया जाएगा।
एक बार की उम्मीद पेज नहीं है या गलत फ़ाइल डाउनलोड करके, उपयोगकर्ता तुरंत साइट छोड़ के 99% है और कभी नहीं इस पर भविष्य में नीचे जाना नहीं था।
विरोधी Seo हाइपरलिंक बनाने के लिए
कैसे HTML में एक हाइपरलिंक डालने के लिए के सवाल के तकनीकी पक्ष के अलावा, अधिक और नैतिक पहलू पर प्रकाश डाला जाना चाहिए। वहाँ कई वेबसाइटों जो उपयोग करने के लिए अवरुद्ध है सुरक्षा सॉफ्टवेयर (एंटीवायरस), या यहाँ तक कि राज्य के लिए उपयोगकर्ताओं को कर रहे हैं। इन साइटों कि अशुद्ध वेब प्रोग्रामर हाथ पर बनाया गया है।
चाल जो करने के लिए वे सहारा में से एक - एक वेब पेज पर "अदृश्य" हाइपरलिंक डालने के लिए है। धोखाधड़ी करने वाले HTML में हाइपरलिंक बनाने के लिए कैसे, और लिंक निकालें और इसके आसपास के पाठ का रंग आवंटित ताकि औसत उपयोगकर्ता उसे देख नहीं करने के लिए अंडरस्कोर विशेषता का उपयोग पता है। और अन्य वेब प्रौद्योगिकियों उपकरण (सीएसएस, जावास्क्रिप्ट, पीएचपी) की मदद से उनके व्यवहार प्रोग्राम किया जा सकता। उदाहरण के लिए, onmouseover जावास्क्रिप्ट भाषा घटना वेब पृष्ठ तत्वों के प्रभाव को सक्रिय करता है। उपयोगकर्ता एक अदृश्य लिंक के लिए कर्सर रखती है, वह अन्य साइटों के विज्ञापन पृष्ठों पर हो जाता है। या भी बदतर है, जब वहाँ अपने कंप्यूटर पर एक फ़ाइल के लिए एक अदृश्य कड़ी है और डाउनलोड किया है और अनावश्यक सॉफ्टवेयर स्थापित हो जाती है। आमतौर पर, एक वायरस है जो ब्राउज़र होमपेज, कूड़े हार्ड डिस्क और अन्य बड़े पैमाने पर कार्यक्रमों बदल दिया है।
जल्द ही ऐसी साइटों वायरस डाटाबेस, सुरक्षा और इंटरनेट उपयोगकर्ताओं के पर्यावरण की "काली सूची" में आते हैं। ऐसी साइटों लंबे समय तक नहीं है, और वे इंटरनेट पर बेहद विस्थापित करने के लिए, मेजबान प्रदाता को बदलने के लिए उनके नाम बदलना होगा। इस तरह के रूप में, उदाहरण के लिए, सामाजिक नेटवर्क एक साइट को बढ़ावा देने, जो हमेशा इसके निर्माता चाहता है, यह megaportals कभी नहीं करते हैं, के लिए अनुकूल नहीं है। अन्य बातों के अलावा, इन चालों इन मानव कार्रवाई के शिकार लोगों में कई नकारात्मक भावनाओं का कारण है।
Similar articles
Trending Now