दूरस्थ स्रोतों से छवियों को जोड़ने वाले HTML से संबंधित मुख्य समस्या यह है कि इससे पेज लोड होने में धीमा समय लग सकता है। ऐसा इसलिए है क्योंकि ब्राउज़र को प्रत्येक छवि के लिए एक अलग अनुरोध करना चाहिए, जो पृष्ठ पर कई छवियां होने पर जल्दी से जुड़ सकता है। इसके अतिरिक्त, यदि दूरस्थ स्रोत बंद है या उसका कनेक्शन धीमा है, तो इससे पेज लोड होने में और देरी हो सकती है। अंत में, सुरक्षा भेद्यता का जोखिम भी बढ़ जाता है क्योंकि छवियों को बाहरी स्रोत से खींचा जा रहा है।
<img src="https://example.com/image.jpg" alt="Example Image">
1. कोड की यह पंक्ति एक HTML इमेज टैग है, जिसका उपयोग वेबपेज पर इमेज प्रदर्शित करने के लिए किया जाता है।
2. "src" विशेषता प्रदर्शित होने वाली छवि का URL निर्दिष्ट करती है, इस मामले में यह "https://example.com/image.jpg" है।
3. "Alt" विशेषता छवि के लिए वैकल्पिक पाठ प्रदान करती है, इस मामले में यह "उदाहरण छवि" है।
आईएमजी src विशेषता
HTML में img src विशेषता का उपयोग छवि के स्रोत को निर्दिष्ट करने के लिए किया जाता है। के भीतर प्रयोग किया जाता है एक छवि के स्रोत को परिभाषित करने के लिए टैग। इस विशेषता का मान एक छवि फ़ाइल की ओर इशारा करते हुए एक मान्य URL होना चाहिए। वेब पेज पर सभी छवियों के लिए यह विशेषता आवश्यक है, और यह ब्राउज़र को छवि का पता लगाने और प्रदर्शित करने की अनुमति देती है।
मैं HTML में बाहरी छवि कैसे जोड़ूं
HTML में बाहरी छवि जोड़ना काफी सरल है। आपको बस इतना करना है कि इसका इस्तेमाल करें टैग करें और src विशेषता का उपयोग करके छवि का स्रोत निर्दिष्ट करें। HTML में बाहरी छवि जोड़ने का सिंटैक्स इस तरह दिखता है:
जहां "image_url" छवि फ़ाइल का एक लिंक है, और "वैकल्पिक पाठ" छवि में क्या है (अभिगम्यता उद्देश्यों के लिए) का विवरण है।
उदाहरण के लिए, यदि आप my-image.jpg नामक अपनी वेबसाइट से कोई बाहरी चित्र जोड़ना चाहते हैं, तो आपका कोड इस प्रकार दिखाई देगा:
