Attributes: src, alt, width, height html in hindi
जब आप किसी एचटीएमएल वेब पेज में इमेज को <img> टैग से इन्सर्ट या एम्बेड करते है. तो वेब पेज में इन्सर्टेड इमेज की कुछ डिफ़ॉल्ट प्रॉपर्टीज में इमेज src, alt, width, और इमेज height डिफ़ॉल्ट इमेज ऐट्रिब्यूट्स होते है, जिन्हे आप अपनी जरूरत के अनुसार वेब पेज में मैन्युअल कस्टमाइज कर सकते है.
Image src (source).
मौजूदा वेब पेज में इन्सर्टेड इमेज के स्टोरेज सोर्स पाथ को यहाँ ऐड किया जाता है, जहा इमेज पाथ चाहे ऑनलाइन वेब इमेज यूआरएल या ऑफलाइन लोकल कंप्यूटर हार्ड ड्राइव स्टोरेज पाथ लोकेशन हो सकती है. इमेज सोर्स ऐट्रिब्यूट्स किसी भी वेब ब्राउज़र में डिस्प्ले इमेज स्टोरेज लोकेशन को वेब ब्राउज़र में डिस्प्ले करते है.
Image source example in an HTML web page.
<img src=”images/logo.jpg” alt=”company logo”>
यहाँ आप वेब पेज में इन्सर्टेड इमेज के ऑनलाइन वेबसाइट यूआरएल और लोकल कंप्यूटर हार्ड ड्राइव इमेज लोकेशन को इमेज सोर्स के तोर पर डिफाइन कर सकते है.
Image alt (alternative text).
किसी भी वेब पेज में इन्सर्टेड इमेज के साथ एक इमेज अल्टरनेटिव डिस्क्रिप्शन टेक्स्ट इनफार्मेशन को इमेज टैग में ऐड कर सकते है। वेब पेज में यह ऑल्ट टेक्स्ट तब प्रदर्शित होता है, जब वेब ब्राउज़र में किसी कारणवश से इमेज प्रॉपर्ली लोड या डिस्प्ले नहीं होपा रही है, और इमेज ऑल्ट टेक्स्ट का उपयोग दृष्टिबाधित इंटरनेट यूजर द्वारा स्क्रीन रीडर सॉफ्टवेयर से किया जाता है। इसके अलावा इमेज ऑल्ट टेक्स्ट वेबपेज इमेज seo में हेल्पफुल होते है.
Image alt text example.
<img src=”images/flower.jpg” alt=”nice flower image”>
Image width.
एचटीएमएल वेब पेज में एम्बेड इमेज की डिफ़ॉल्ट विड्थ को कम या ज्यादा इमेज पिक्सेक्ल विड्थ को मैन्युअल रूप से सेट किया जाता है. कई बार वेब डेवलपर को वेबसाइट में पर्टिकुलर विड्थ साइज में इमेज को डिस्प्ले करना हो. तब इमेज विड्थ को इमेज टैग के साथ उपयोग किया जाता है.
Image width example in HTML web page.
<img src=”images/logo.jpg” alt=”organization logo” width=”300″>
याद रहे, एचटीएमएल वेब पेज में आप अपनी जरूरत के अनुसार इमेज की चौड़ाई और ऊँचाई दोनों ऐट्रिब्यूट्स को मैन्युअल कस्टमाइज कर सकते है. वेब डेवलपर के अनुसार सेट इमेज हाइट और विड्थ के अनुसार वेब पेज में इमेज डिस्प्ले होगी।
Image height.
एचटीएमएल वेब पेज में एम्बेड इमेज की डिफ़ॉल्ट इमेज हाइट साइज को मैन्युअल वेब ब्राउज़र डिस्प्ले में कॉन्फ़िगर कर सकते है. यदि आप किसी वेब पेज में एम्बेड इमेज हाइट को जरूरत के अनुसार मैन्युअल कस्टम सेट कर वेब ब्राउज़र में डिस्प्ले करना चाहते है. तो आप इमेज हाइट ऐट्रिब्यूट्स का उपयोग कर सकते है.
Image height example in HTML web page.
<img src=”images/map.png” alt=”country map” height=”270″>
याद रहे की, यदि आप इमेज वेब पेज बना रहे है, तो आप अपनी जरूरत के अनुसार हर इमेज की डिफ़ॉल्ट हाइट और विड्थ को मैन्युअल रूप सेट कर इमेज को अपने मन चाहे आकर में वेब ब्राउज़र लेआउट में डिस्प्ले कर सकते है. इसके अलावा आप वेब ब्राउज़र लेआउट को अपनी जरूरत के अनुसार कस्टम सेट कर पाते है.
Image Attributes Example in HTML Web Page.
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Html Image Tag</title>
</head>
<body>
<h2>Web Page Image Attributes</h2>
<img
src=”https://cdn.pixabay.com/photo/2023/09/25/14/06/cat-8275147_960_720.jpg”
alt=”nice cat image”
width=”500″
height=”500″
>
<p>Yuo can see clear cat online image</p>
</body>
</html>
