HTML भाषा का वाक्य-विन्यास आपको हाइपरलिंक्स को न केवल टेक्स्टुअल, बल्कि ग्राफिकल बनाने की अनुमति देता है। एक साइट विज़िटर के लिए, ऐसा लिंक एक छवि की तरह दिखता है, और जब आप छवि पर क्लिक करते हैं, तो आप दूसरे वेब पेज पर जाते हैं।
निर्देश
चरण 1
किसी भी ग्राफ़िक्स संपादक का उपयोग करके, छवि को कम करें। किसी भी निर्देशांक में इसका आकार 200 पिक्सेल से अधिक नहीं होना चाहिए। चित्र में क्षैतिज लेआउट हो तो बेहतर है। यह हो सकता है, उदाहरण के लिए, एक आभासी बटन, जिस पर एक कलात्मक फ़ॉन्ट में शिलालेख बनाया गया है। छवि प्रारूप निम्न में से एक होना चाहिए: JPG, PNG, GIF। तस्वीरों के लिए पहली पसंद की जाती है, और शेष दो को लाइन आर्ट के लिए पसंद किया जाता है (यह सबसे अच्छा संपीड़न है)। परिवर्तन के परिणाम को एक नए नाम के तहत सहेजना सुनिश्चित करें ताकि मूल खराब न हो।
चरण 2
छवि फ़ाइल को सर्वर पर उस फ़ोल्डर में अपलोड करें जहाँ HTML फ़ाइल स्थित है। इस तरह के डाउनलोड को करने के लिए, आप वेब इंटरफेस (होस्टिंग प्रदाता से उपलब्ध होने पर) या किसी एफ़टीपी क्लाइंट प्रोग्राम का उपयोग कर सकते हैं।
चरण 3
निम्नलिखित कोड स्निपेट को HTML फ़ाइल में वांछित स्थान पर रखें: जहां "href =" ऑपरेटर के बाद का एक्सप्रेशन वह पता है जिस पर लिंक जाता है, और someimage
चरण 4
कुछ उपयोगकर्ताओं के लिए, ब्राउज़र में छवियों का प्रदर्शन अक्षम है। इसलिए, यह सलाह दी जाती है कि तस्वीर के नीचे लिंक सीधे कहां जाता है, इसका स्पष्टीकरण दिया जाए। उस स्थिति में, इस तरह दिखने के लिए उपरोक्त कोड स्निपेट को संशोधित करें:
कीट क्लोजअप। छवि के नीचे व्याख्यात्मक पाठ दिखाई देगा। इस पर क्लिक करते ही आप लिंक पर भी पहुंच जाएंगे।
चरण 5
HTML फ़ाइल के अद्यतन संस्करण को सर्वर पर अपलोड करने के बाद, ब्राउज़र में संबंधित पृष्ठ खोलें, और फिर सुनिश्चित करें कि छवि प्रदर्शित है और लिंक मान्य है। इसके साथ संक्रमण तब होना चाहिए जब आप छवि और उसके नीचे स्थित व्याख्यात्मक शिलालेख (यदि कोई हो) पर क्लिक करते हैं।
