<Img> Tag :- Height and Width Attribute Of Image Tag:-

आज हम <img> Tag के Height ,Width और Style Attribute के बारे में पढ़ने वाले हैं |

अगले पाठ में आपने Image को HTML पेज के साथ जोड़ना सीखा था इस पाठ में हम अपनी जरूरत के हिसाब से Image की ऊंचाई और चौड़ाई को नियंत्रित करना सीखेंगे |

दोस्तों अगर आप किसी Image की ऊंचाई (Height) और चौड़ाई (Width ) को नियंत्रित करना चाहते हैं तो आप बड़ी आसानी से <img> Tag के Attribute Height और Width की मदद से यह काम कर सकते हैं चलिए इसका एक उदाहरण देख लेते हैं |

उदाहरण 1.

पहले उदाहरण में हम Height और Width Attribute का उपयोग किए बिना देखते हैं एक html पेज में Image को जोड़कर देखते हैं :-

<html>
<head><title>Without Height And Width </title></head>
<body>
<img src="image_name.png" alt="Image Name">  
</body>
</html>

 



इस उदाहरण में हम Height और Width Attribute का उपयोग करके HTML पेज में Image को जोड़कर देखते हैं कि हमें क्या फर्क मिलता है:-

<html>
<head><title>With Height And Width Attribute </title></head>
<body>
<img src="image_name.png" alt="Image Name" width="200" height="200">  
</body>
</html>

[Note:- जब आप ऊपर लिखे उदाहरण को कॉपी करके अपने Text Editor पर Paste करेंगे और उसके बाद उसे Save करके अपने Web Browser पर खोलेंगे तब आपको एक बात का ध्यान रखना है कि जहां पर src=”image_name.png” लिखा हुआ है वहां पर आपको इमेज के नाम की जगह अपने कंप्यूटर में रखे इमेज के नाम को लिखना है और फॉर्मेट भी आपको अपने कंप्यूटर वाले Image का लिखना है । किस Image का फॉर्मेट कैसे चेक करना है या मैंने आपको इससे पहले वाले पाठ में बता दिया था ।]

 

Next:- HTML Tutorial In Hindi