HTML में <img> tag का इस्तेमाल image को वेब पेज या वेबसाइट पर दिखाने के लिए किया जाता है। यह tag एक self-closing tag होता है, यानी इसे बंद करने के लिए कोई closing tag की आवश्यकता नहीं होती।
Image Tag का Syntax
<img src="image_path" alt="description" width="width_value" height="height_value">यहाँ,
- src: यह इमेज का source बताता है। इसमें इमेज की फाइल का path या URL दिया जाता है।
- alt: यह इमेज का description देता है, जो तब दिखाया जाता है जब इमेज वेब पेज पर load नहीं हो पाती। यह SEO के लिए भी महत्वपूर्ण होता है।
- width: यह इमेज की चौड़ाई (width) को सेट करता है।
- height: यह इमेज की ऊचाई (height) को सेट करता है।
Image Tag का उदाहरण
नीचे आपको एक उदाहरण दिया गया है जिसमें हम image को web page पर दिखाएंगे।
<!DOCTYPE html>
<html>
<head>
<title>Image Example</title>
</head>
<body>
<h1>HTML Image Tag Example</h1>
<img src="example.jpg" alt="Sample Image" width="500" height="300">
</body>
</html>इस उदाहरण में, “example.jpg” नाम की इमेज को वेब पेज में दिखाया गया है। इसमें alt attribute में “Sample Image” टेक्स्ट दिया गया है, और इमेज की चौड़ाई (width) 500px और ऊंचाई (height) 300px है।
Image Tag के फायदे
- वेब पेज में इमेज डालना: image tag का मुख्य उद्देश्य वेब पेज में इमेज जोड़ना है, जो आपके web page को आकर्षक बनाता है।
- SEO (Search Engine Optimization): Alt text का उपयोग SEO (Search Engine Optimization) में मदद करता है क्योंकि सर्च इंजन (जैसे:- Google) इसे समझ सकते हैं, जो आपके पेज की रैंकिंग को बढ़ाता है।
इसे भी पढ़ें:-
Summary (सारांश)
HTML image tag का उपयोग वेब पेज पर इमेज दिखाने के लिए किया जाता है। यह एक self-closing tag है जिसमें src, alt, width और height जैसे attributes होते हैं। इस article में आपको img tag का syntax, एक complete उदाहरण और इसके फायदे जैसे SEO में मदद मिलने के बारे में सरल भाषा में समझाया गया है। छात्र इस article से सीखेंगे कि कैसे इमेज को वेब पेज पर जोड़ा जाता है, alt text क्यों ज़रूरी है और width/height कैसे सेट करते हैं। Exam preparation में यह article मददगार है क्योंकि HTML basics में img tag एक महत्वपूर्ण topic है और अक्सर इसके attributes और उपयोग पर प्रश्न पूछे जाते हैं।
- img tag का syntax और attributes (src, alt, width, height) समझेंगे।
- Self-closing tag की अवधारणा स्पष्ट होगी।
- SEO में alt text की भूमिका जानेंगे।
- एक practical उदाहरण से code लिखना सीखेंगे।
- Exam में HTML tag से जुड़े questions आसानी से हल कर पाएंगे।