HTML <img> src विशेषता
उदाहरण
एक छवि को निम्नानुसार चिह्नित किया गया है:
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
परिभाषा और उपयोग
आवश्यक srcविशेषता छवि का URL निर्दिष्ट करती है।
विशेषता में URL निर्दिष्ट करने के दो तरीके हैं src
:
1. निरपेक्ष URL - किसी अन्य वेबसाइट पर होस्ट की गई बाहरी छवि के लिंक। उदाहरण: src="https://www.w3schools.com/images/img_girl.jpg"।
नोट: बाहरी छवियां कॉपीराइट के अंतर्गत हो सकती हैं। यदि आपको इसका उपयोग करने की अनुमति नहीं मिलती है, तो आप कॉपीराइट कानूनों का उल्लंघन कर सकते हैं। इसके अतिरिक्त, आप बाहरी छवियों को नियंत्रित नहीं कर सकते हैं; इसे अचानक हटाया या बदला जा सकता है।
2. सापेक्ष यूआरएल - वेबसाइट के भीतर होस्ट की गई छवि के लिंक। यहाँ, URL में डोमेन नाम शामिल नहीं है। यदि URL बिना स्लैश के शुरू होता है, तो यह वर्तमान पृष्ठ के सापेक्ष होगा। उदाहरण: src="img_girl.jpg"। यदि URL स्लैश से शुरू होता है, तो यह डोमेन के सापेक्ष होगा। उदाहरण: src="/images/img_girl.jpg"।
युक्ति: सापेक्ष URL का उपयोग करना लगभग हमेशा सर्वोत्तम होता है। यदि आप डोमेन बदलते हैं तो वे नहीं टूटेंगे।
नोट:alt यदि ब्राउज़र छवि नहीं ढूंढ पाता है तो एक टूटा हुआ लिंक आइकन और टेक्स्ट दिखाया जाता है।
ब्राउज़र समर्थन
| Attribute | |||||
|---|---|---|---|---|---|
| src | Yes | Yes | Yes | Yes | Yes |
वाक्य - विन्यास
<img src="URL">
गुण मान
| Value | Description |
|---|---|
| URL | The URL of the image. Possible values:
|
❮ एचटीएमएल <img> टैग