HTML <img> src प्रतियोगिता

HTML <img> टैग

परिभाषा और उपयोग

आवश्यक src प्रतियोगिता में इमेज़ का URL निर्दिष्ट कर सकते हैं।

दो तरीके से src प्रतियोगिता में URL निर्दिष्ट करें:

1. अभिकृत URL - बाहरी वेबसाइट पर तब्दील किए गए बाहरी इमेज़ को लिंक करें। उदाहरण के लिए:

src="https://www.codew3c.com/images/img_girl.jpg"

ध्यान:बाहरी इमेज़ कॉपीराइट संरक्षण के अधीन हो सकती है। अगर आपको इसके उपयोग के लिए अनुमति नहीं मिली है, तो यह कॉपीराइट कानून का उल्लंघन कर सकता है। इसके अलावा, आप बाहरी इमेज़ को नियंत्रित नहीं कर सकते; यह अचानक हटा दिया जा सकता है या बदला जा सकता है।

2. सापेक्षिक URL - वेबसाइट के भीतर तब्दील किए गए इमेज़ को लिंक करें。

यहाँ, URL डोमेन से निकली नहीं है। यदि URL का शुरूआत शिष्टांश से नहीं होता है, तो यह वर्तमान पृष्ठ के संबंध में होगा। उदाहरण के लिए:

src="img_girl.jpg"。

यदि URL शिष्टांश से शुरू होता है, तो यह डोमेन के संबंध में होगा। उदाहरण के लिए:

src="/images/img_girl.jpg"。

सूचना:सबसे अच्छा हो सकता है कि आप आपसी URL का उपयोग करें। अगर आपके डोमेन को बदला जाए, तो लटका नहीं होगा।

ध्यान:यदि ब्राउज़र इमेज़ नहीं पा रहा है, तो तोड़े हुए लिंक आइकन और alt टेक्स्ट दिखाया जाएगा。

सूचना:दस्तावेज़ के संग्रह को सुविधाजनक बनाने के लिए, निर्माता आमतौर पर इमेज़ फ़ाइलों को एक अलग फ़ोल्डर में रखते हैं और आमतौर पर इन डिरेक्ट्री को "pics" या "images" जैसे नाम देते हैं। CodeW3C.com ऑनलाइन ट्यूटोरियल में, हमारे इंजीनियरों ने अधिकांश सामान्य इमेज़ को "i" नामक फ़ोल्डर में रखा है, "i" इमेज़ेज़ का लघुचर है, इससे लाभ की बात है कि पथ को अधिकतम सरल बनाना है।

उदाहरण

इस उदाहरण में, हमने पृष्ठ में CodeW3C.com के इंजीनियरों द्वारा शांघाई फ्लॉराइट पोर्ट में तुलसी फ़ोटो भरी है, फ़ाइल नाम "eg_tulip.jpg" है, जो सर्वर पर "i" फ़ोल्डर में संग्रहीत है। यह स्रोत कोड है:

<img src="/i/eg_tulip.jpg" />

इस कोड के प्रभाव:


स्वयं को प्रयोग करें

सूचना:आप हमारे ऑनलाइन टेस्ट टूल मेंस्वयं को प्रयोग करेंयदि आप उदाहरण में फ़ाइल नाम को "eg_chinarose.jpg" में बदलेंगे, तो आपको एक मास्टरी की फ़ोटो दिखाई देगी।इस तरह:

स्रोत कोड:

<img src="/i/eg_chinarose.jpg" />

इस कोड के प्रभाव:

व्याकरण

<img src="URL">

गुण मूल्य

मूल्य वर्णन
URL

चित्र के URL को निर्धारित करता है。

संभावित मूल्य:

  • अभिकृत URL - दूसरी वेबसाइट को इंगित करता है (जैसे src="http://www.example.com/image.gif")
  • सापेक्षिक URL - वेबसाइट के अंदर के फ़ाइल को इंगित करता है (जैसे src="image.gif")

ब्राउज़र सापोर्ट

च्रोम एज फायरफॉक्स सैफारी ओपेरा
च्रोम एज फायरफॉक्स सैफारी ओपेरा
सापोर्ट सापोर्ट सापोर्ट सापोर्ट सापोर्ट

HTML <img> टैग