इमेज में लिंक कैसे जोड़ें

विषयसूची:

इमेज में लिंक कैसे जोड़ें
इमेज में लिंक कैसे जोड़ें

वीडियो: इमेज में लिंक कैसे जोड़ें

वीडियो: इमेज में लिंक कैसे जोड़ें
वीडियो: 90. How to attach a Link to an Image in HTML (Hindi) 2024, मई
Anonim

यह बहुत सुविधाजनक है जब सक्रिय लिंक का क्षेत्र टेक्स्ट नहीं है, बल्कि एक छवि है। HTML मार्कअप लैंग्वेज ऐसा करने में काफी सक्षम है। इसके लिए बस जरूरत है टैग्स को एक खास तरीके से संयोजित करने की।

इमेज में लिंक कैसे जोड़ें
इमेज में लिंक कैसे जोड़ें

अनुदेश

चरण 1

यदि सर्वर पर सभी फ़ाइलें एक फ़ोल्डर में संग्रहीत हैं, तो पृष्ठ का निम्नलिखित HTML-कोड लिखें:

‹A href=page.html› इस लिंक पर क्लिक करने पर आप साइट के दूसरे पेज पर पहुंच जाएंगे ‹/a›

चरण दो

अपने HTML में तृतीय-पक्ष साइटों पर स्थित स्थानीय पृष्ठों के लिंक एम्बेड करने का तरीका जानें:

‹A href= https://server.domain/folder/page.html› इस लिंक पर क्लिक करने से आप पूरी तरह से अलग साइट पर स्थित एक पेज पर पहुंच जाएंगे ‹/a›

चरण 3

अब, जांचें कि किसी पृष्ठ में छवियों को कैसे सम्मिलित किया जाए, जो साइट के समान सर्वर पर संग्रहीत हैं, बशर्ते कि उस सर्वर की सभी फ़ाइलें एक साझा फ़ोल्डर में संग्रहीत हों:

Img src = filename.jpg›

चरण 4

उसी तरह, पृष्ठ में तृतीय-पक्ष सर्वर पर संग्रहीत चित्र सम्मिलित करें:

Img src =

हालांकि, ध्यान रखें कि कुछ सर्वर छवियों को उनके बाहर के पृष्ठों में डालने की अनुमति नहीं देते हैं, इसके बजाय चेतावनी स्क्रीनसेवर दिखाते हैं, या कुछ भी नहीं दिखाते हैं। ऐसे मामलों में, तस्वीर को स्थानीय सर्वर पर कॉपी न करें - यह कॉपीराइट का उल्लंघन होगा। इस तस्वीर का लिंक देना बेहतर है।

चरण 5

लिंक का अनुसरण करने के लिए किसी चित्र पर क्लिक करने के लिए, इन टैगों को इस प्रकार संयोजित करें:

A href= https://server.domain/folder/page.html› img src = picture.jpg› ‹/a›

यदि वांछित है, तो इस निर्माण में पृष्ठ के वैश्विक लिंक को स्थानीय लिंक से बदलें, या, इसके विपरीत, छवि के स्थानीय लिंक को वैश्विक लिंक से बदलें।

चरण 6

अंत में, यदि आप चाहते हैं कि चित्र और उसके नीचे के पाठ दोनों पर क्लिक करके लिंक का अनुसरण किया जाए, तो इस तरह से अधिक जटिल निर्माण का उपयोग करें:

‹A href= https://server.domain/folder/page.html› ‹img src = picture.jpg› ‹p› चाहे आप इस टेक्स्ट पर क्लिक करें या इसके ऊपर वाले पेज पर आपको दूसरे पेज पर रीडायरेक्ट कर दिया जाएगा चित्र। परिणाम बिल्कुल वैसा ही होगा।

सिफारिश की: