<Img> Tag :- Image Tag

आपने किसी वेबसाइट के अंदर Image या चित्र तो देखा ही होगा किसी वेबसाइट के अंदर image को लगाने के लिए हम <img> Tag का उपयोग करते हैं |

<img src=”url” alt=”some_text” style=”width:width;height:height;”>

<Img> Tag के साथ कई सारे Attribute का उपयोग किया जा सकता है लेकिन दो सबसे ज्यादा जरूरी Attribute के नाम है src=” ” और alt=” ”

src Attribute (src=”Path Of The Image) :- के अंदर Image का Path लिखा जाता है मतलब की इमेज आपके कंप्यूटर में Image किस जगह पर है उसका पूरा रास्ता आपको scr के अंदर लिखना है |

उदाहरण के लिए आप मान लीजिए कि आपने जिस HTML पेज के अंदर Image का उपयोग किया है वह इमेज आप के Desktop पर रखा हुआ है और वह HTML पेज को भी आपने Desktop के ऊपर ही सेव किया है तो आपको src=”image_name.png” या src=”image_name.jpg” लिखना है | मतलब की आप बस इमेज का नाम लिख दीजिए | लेकिन अगर वह image आपके Desktop पर किसी abc नाम के फोल्डर के अंदर रखा हुआ है तो आपको इस तरह से लिखना है src=”abc/image_name.png” या src=”image_name.jpg”

 

याद रहे दोस्तों की आपको इमेज के नाम के साथ साथ इमेज का फार्मेट भी src के अंदर लिखना है मतलब की आप जिस इमेज का उपयोग अपने web page में करना चाहते हैं उसका फॉर्मेट क्या है यह भी आपको src tag के अंदर लिखना होगा |

अब आप जिस Image का उपयोग अपने Web Page में कर रहे हैं उसका फॉर्मेट क्या है यह जानने के लिए आप पहले उससे Mouse के दाहिने बटन से Image पर क्लिक करें उसके बाद Properties पर क्लिक करें | आमतौर पर किसी image की फॉर्मेट .png या .jpg होता है |

 

Alt attribute(alt=”Name Of The Image) :- Alt Attribute का उपयोग Image Tag के साथ इसलिए किया जाता है कि अगर किसी कारण बस आपका image Web Page पर नहीं दिख पा रहा है तो आप के इमेज की जगह उस Image का नाम या जो कुछ भी आप लिखना चाहते हैं वह इस Alt tag के अंदर लिख सकते हैं इसके अलावा सर्च इंजन जैसे कि गूगल आपके इमेज को नहीं बल्कि इमेज के साथ लिखे इस Alt attribute को पढ़ता है इसलिए इमेज के साथ Alt Attribute का लिखना बहुत जरूरी है |

 

चलिए एक उदाहरण के साथ देखते हैं कि अगर किसी Web Page में अगर हम Image को जोड़ना चाहें तो कैसे जोड़ सकते हैं

[Note:- शुरुआत में आप जिस Image का उपयोग अपने Web Page में करना चाहते हैं उसे और अपने Web Page दोनों को अपने Desktop पर ही Save करिए इससे आपको परेशानी नहीं होगा और बड़ी आसानी से आप Image को अपनी Website के साथ जोड़ सकेंगे |]

उदाहरण 1.

<html>
<body>
<img src="web.jpg"  alt="HTML Image" >
</body>
</html>

[Note:- ऊपर के उदाहरण में src=”web.jpg” में web उस Image का नाम है जिससे मैं अपने Web Page के साथ जोड़ना चाहते हैं और .jpg Image का फॉर्मेट है | आप web.jpg की जगह उस Image का नाम और फॉर्मेट लिखिए जिसका उपयोग आप अपने Web page में करने वाले हैं | अगर आपके पास कोई Image नहीं है तो आप इंटरनेट से इमेज डाउनलोड भी कर सकते हैं | इस बात का ध्यान रखें कि image को उसी जगह पर कॉपी करके पेस्ट कर लें जहां पर कि आप अपने web page को सेव करने वाले हैं ]

 

अगले पाठ में हम <img> Tag के कुछ और Attribute के बारे में पढ़ेंगे |

Next:- HTMl Image Tag Part 2 In Hindi