HTML में फोटो कैसे लगाएं

विषयसूची:

HTML में फोटो कैसे लगाएं
HTML में फोटो कैसे लगाएं

वीडियो: HTML में फोटो कैसे लगाएं

वीडियो: HTML में फोटो कैसे लगाएं
वीडियो: 15: HTML और CSS का उपयोग करके इमेज कैसे डालें | एचटीएमएल और सीएसएस सीखें | एचटीएमएल ट्यूटोरियल | सीएसएस की मूल बातें 2024, मई
Anonim

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

HTML में फोटो कैसे लगाएं
HTML में फोटो कैसे लगाएं

अनुदेश

चरण 1

यदि छवि फ़ाइल और HTML फ़ाइल एक ही फ़ोल्डर में स्थित हैं, तो छवि सम्मिलित करने के लिए निम्न HTML कोड का उपयोग करें: जहाँ imagename.jpg

चरण दो

यदि छवि फ़ाइल एक ही सर्वर पर स्थित है, लेकिन एक अलग फ़ोल्डर में है, तो इस निर्माण को निम्नानुसार बदलें: जहां /folder/anotherfolder/imagename.jpg

चरण 3

अन्य सर्वरों पर संग्रहीत छवियों को सावधानी से रखें - लीचिंग के खिलाफ सुरक्षा वहां सक्षम की जा सकती है, और फिर वांछित छवि के बजाय, आपके पृष्ठ पर आने वाले आगंतुक को ऐसी सुरक्षा के बारे में एक चेतावनी दिखाई देगी। यदि ऐसी कोई सुरक्षा नहीं है, और तृतीय-पक्ष सर्वर का स्वामी वहां संग्रहीत छवियों को अन्य लोगों के पृष्ठों में सम्मिलित करने पर आपत्ति नहीं करता है, तो निम्न कोड स्निपेट का उपयोग करें: जहां https://server.domain/folder/anotherfolder/imagename.jpg

चरण 4

छवि के लिए एक ही समय में किसी अन्य पृष्ठ का लिंक होने के लिए, निम्न कोड का उपयोग करें: जहां लिंक टेक्स्ट लिंक पता (स्थानीय या वैश्विक) है।

चरण 5

अंत में, ताकि जब उपयोगकर्ता छवि पर क्लिक करता है, तो उपयोगकर्ता इसकी बढ़ी हुई प्रतिलिपि देख सकता है, पिछले टुकड़े को निम्नानुसार बदलें: जहां imagename-big.jpg

सिफारिश की: