अपनी वेबसाइट पर इमेज कैसे लिंक करें

a. पर इमेज डालने में अंतर है वेब पृष्ठ और उस छवि को एक क्लिक करने योग्य लिंक बनाना। हालांकि एचटीएमएल समान है, एक लिंक एक पर निर्भर करता है ऐंकर तत्व जबकि एक छवि का उपयोग करता है आईएमजी तत्व। हालाँकि, एक छवि एक एंकर के भीतर घोंसला बना सकती है, जिससे वह छवि एक लिंक के रूप में क्लिक करने योग्य हो जाती है।

एंकर तत्वों में छवियाँ सम्मिलित करना

छवि-आधारित लिंक का एक सामान्य उपयोग साइट का लोगो ग्राफ़िक है, जिसे बाद में साइट के होमपेज से लिंक किया जाता है।

यहां बताया गया है कि आप HTML दस्तावेज़ में एक गैर-क्लिक करने योग्य छवि कैसे रखेंगे:

हमारी कंपनी का लोगो

छवि को एक लिंक में बदलने के लिए, एंकर लिंक जोड़ें, छवि से पहले एंकर तत्व खोलना और छवि के बाद एंकर को बंद करना। यह तकनीक उसी तरह है जैसे आप टेक्स्ट को लिंक करते हैं, सिवाय इसके कि शब्दों को लपेटने के बजाय, आप छवि को लपेटते हैं:

हमारी कंपनी का लोगो

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

लोगो अब होमपेज बटन के रूप में भी कार्य करता है, जो कि आजकल एक वेब मानक है।

instagram viewer

ध्यान दें कि हम अपने HTML मार्कअप में कोई भी दृश्य शैली शामिल नहीं करते हैं, जैसे कि छवि की चौड़ाई और ऊंचाई। हम इन दृश्य शैलियों को CSS पर छोड़ देंगे और HTML संरचना और CSS शैलियों का एक साफ अलगाव बनाए रखेंगे।

instagram story viewer