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) इसे समझ सकते हैं, जो आपके पेज की रैंकिंग को बढ़ाता है।
इसे भी पढ़ें:-