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

कदम

2 का विधि 1:

दूसरे वेब पेज से लिंक करना

1. अपनी HTML फ़ाइल खोलें. उस पृष्ठ के लिए HTML फ़ाइल खोलें जिसे आप संपादित करना चाहते हैं. (यदि आप स्क्रैच से शुरू कर रहे हैं और कुछ पृष्ठभूमि जानकारी की आवश्यकता है, दस्तावेज़ बनाएं इस लेख को पढ़ने से पहले.)

शीर्षक वाली छवि सरल HTML प्रोग्रामिंग चरण 2 के साथ एक लिंक बनाएं

2. अपने पृष्ठ पर एक लिंक रखें. अपने HTML दस्तावेज़ के शरीर में निम्न कोड जोड़ें, जहां आप लिंक दिखाना चाहते हैं:

लिंक पाठ

यह इस तरह प्रदर्शित करता है: लिंक पाठ.

शीर्षक वाली छवि सरल HTML प्रोग्रामिंग चरण 3 के साथ एक लिंक बनाएं

3. प्रदर्शित करने के लिए लिंक टेक्स्ट लिखें. बीच में कुछ भी तथा टैग आपके पृष्ठ पर एक लिंक के रूप में दिखाई देंगे. आप इसे अन्य HTML टैग के साथ बदल सकते हैं जैसे आप कोई अन्य पाठ करेंगे.

आप एक छवि को एक लिंक में भी बदल सकते हैं:

.
उपयोगकर्ता छवि छवियों / कैसे-से-बनाने-ए-लिंक-साथ-सरल-HTML-प्रोग्रामिंग देखेंगे.पीएनजी, और एचटीटीपीएस: // www पर जाने के लिए छवि पर क्लिक कर सकते हैं.विकीहो.कॉम /.

शीर्षक वाली छवि सरल HTML प्रोग्रामिंग चरण 4 के साथ एक लिंक बनाएं

लिंक का गंतव्य बदलें. थेटैग आपने अभी बनाया है जिसे एक कहा जाता है "ऐंकर." एंकर के अंदर Href विशेषता लिंक के गंतव्य को परिभाषित करती है. HTTPS: // विकीहो.com / URI के साथ उपरोक्त उदाहरण में आप लिंक करना चाहते हैं.

हमेशा उद्धरण चिह्नों के साथ यूआरआई को घेरें.

यूआरआई केस संवेदनशील हैं. कॉपी-पेस्ट करें या उन्हें बिल्कुल टाइप करें जैसे वे दिखाई देते हैं.

शीर्षक वाली छवि सरल HTML प्रोग्रामिंग चरण 5 के साथ एक लिंक बनाएं

5. एक ही फ़ोल्डर में एक पृष्ठ से लिंक करें. यदि आप एक ही वेबसाइट पर किसी पृष्ठ से लिंक कर रहे हैं तो आपको पूर्ण यूआरएल शामिल करने की आवश्यकता नहीं है (हालांकि यह काम करेगा). यदि आप डोमेन नाम शामिल किए बिना, इसके बजाय रिश्तेदार लिंक का उपयोग करते हैं तो अपनी वेबसाइट को व्यवस्थित करना आसान है. एक ही फ़ोल्डर में एक पृष्ठ से दूसरे पृष्ठ पर एक सरल उदाहरण यहां दिया गया है:

मान लें कि आप पृष्ठ को संपादित कर रहे हैं http: // उदाहरण.edu / के बारे में / लेखक.एचटीएमएल.

पृष्ठ से लिंक करने के लिए http: // उदाहरण.edu / के बारे में / परिवार.एचटीएमएल, बस फ़ाइल का नाम टाइप करें:
लिंक पाठ

शीर्षक वाली छवि सरल HTML प्रोग्रामिंग चरण 6 के साथ एक लिंक बनाएं

6. अपनी वेबसाइट पर अन्य पृष्ठों से लिंक करें. आप एक ही साइट पर किसी अन्य पृष्ठ से लिंक को निर्देशित करने के लिए सापेक्ष लिंक का भी उपयोग कर सकते हैं. केवल दो चीजें हैं जिन्हें आपको जानने की आवश्यकता है:

सबफ़ोल्डर में किसी पृष्ठ से लिंक करने के लिए, नया फ़ाइल पथ शामिल करें. उदाहरण के लिए, यदि आप पृष्ठ पर हैं http: // उदाहरण.edu / के बारे में / लेखक.एचटीएमएल और लिंक करना चाहते हैं http: // उदाहरण.EDU / के बारे में / पालतू जानवर / कुत्ते.जेपीजी, आप सब कुछ छोड़ सकते हैं "के बारे में:"
लिंक पाठ

साइट की एक अलग शाखा में एक पृष्ठ से लिंक करने के लिए, उपयोग करें "../" एक उच्च फ़ोल्डर तक पहुंचने के लिए. उदाहरण के लिए, से लिंक करने के लिए /लेखक के बारे में.एचटीएमएल सेवा मेरे http: // उदाहरण.edu / लेखन / किताबें.एचटीएमएल, प्रकार:
लिंक पाठ

2 का विधि 2:

एक पृष्ठ के भीतर लिंकिंग

1. एक गंतव्य लंगर बनाएँ. यदि आप एक लंबे वेब पेज से लिंक कर रहे हैं, तो आप लोगों को शीर्ष के बजाय पृष्ठ पर एक विशिष्ट बिंदु पर ले जाना चाह सकते हैं. इसे संभव बनाने के लिए, गंतव्य पृष्ठ के लिए HTML दस्तावेज़ खोलें. उस बिंदु पर इस एंकर टैग को उस बिंदु पर डालें जिसे आप लिंक करना चाहते हैं:

एंकर टेक्स्ट.
यह सामान्य पाठ के रूप में प्रदर्शित होगा, क्योंकि यह एक लिंक का गंतव्य है और एक लिंक स्वयं नहीं है. आप बदल सकते हैं "ancomorname" किसी भी नाम के साथ, जब तक आप एक ही नाम का एक ही पृष्ठ पर दो बार उपयोग नहीं करते हैं.

शीर्षक वाली छवि सरल एचटीएमएल प्रोग्रामिंग चरण 8 के साथ एक लिंक बनाएं

2. गंतव्य एंकर से लिंक करें. पृष्ठ पर एक विशिष्ट बिंदु से लिंक करने के लिए, यूआरआई के अंत में प्रतीक # जोड़ें, उसके बाद आईडी विशेषता के लिए उपयोग किए गए सटीक नाम के बाद. यह मामला संवेदनशील है.

उदाहरण के लिए, एंकरन पृष्ठ को लिंक करने के लिए http: // उदाहरण.एडू / अवकाश.एचटीएमएल, टाइप करें:
लिंक पाठ..

आप इसे पूर्ण या सापेक्ष लिंक में जोड़ सकते हैं (अलग-अलग विधि में निर्देश देखें).

शीर्षक वाली छवि सरल एचटीएमएल प्रोग्रामिंग चरण 9 के साथ एक लिंक बनाएं

3. किसी भी HTML टैग में एंकर जोड़ें. आप आईडी डालने से भी एक एंकर बना सकते हैं ="ancomorname" किसी भी HTML टैग में. बिल्कुल उसी तरह से लिंक करें. यहां कुछ उदाहरण दिए गए हैं:

शीर्ष लेख पाठ

यूआरएल में #topheader जोड़कर इसे लिंक करें.

पैरा पाठ

URL पर #introparagraph जोड़कर इसे लिंक करें.

टिप्स

एक नई विंडो में लिंक किए गए पृष्ठ को खोलने के लिए, उपयोग करें "लक्ष्य" विशेषता:विकीहो पर जाएं

आप अपने चार (4) राज्यों में से एक लिंक की उपस्थिति को संशोधित करने के लिए कैस्केडिंग स्टाइल शीट्स (सीएसएस) का उपयोग कर सकते हैं: लिंक, दौरा, होवर, और सक्रिय.

एक टिप जमा करें

प्रकाशित होने से पहले सभी टिप सबमिशन की सावधानीपूर्वक समीक्षा की जाती है

प्रस्तुत

समीक्षा के लिए एक टिप सबमिट करने के लिए धन्यवाद!