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