HTML Image Tag

HTML Image Tag क्या है?

HTML में <img> Tag का उपयोग किसी Image (चित्र) को Web Page पर Show करने के लिए किया जाता है।
👉 यह एक Empty (Void) Tag है, यानी इसका End Tag नहीं होता।

HTML Image Tag का Syntax


<img src="image_path" alt="alternative text" width="value" height="value">

src → Image का Path (Source) बताता है।
alt → अगर Image Load न हो तो Alternative Text दिखाता है।
width और height → Image का Size सेट करने के लिए।

HTML Image Tag Attributes

src (Source)
Image File का Path बताने के लिए।
```
<img src="photo.jpg">
```
alt (Alternative Text)
जब Image Load न हो तो Text Show करने के लिए।
```
<img src="logo.png" alt="AJ Computer Education Logo">
```
width / height
Image का Size Fix करने के लिए।
```
<img src="banner.jpg" width="400" height="200">
```
title
Image पर Mouse Hover करने पर Tooltip दिखाने के लिए।
```
<img src="pic.jpg" alt="Student" title="Student Picture">
```
loading
Image को Lazy Loading या Eager Loading Mode में दिखाने के लिए।
```
<img src="bigimage.jpg" alt="Large Image" loading="lazy">
```

HTML Image Example


<!DOCTYPE html>
<html>
<head>
    <title>HTML Image Example</title>
</head>
<body>
    <h2>HTML Image Tag Example</h2>
    <img src="ajlogo.png" alt="AJ Computer Education Logo" width="200" height="100" title="AJ Computer Education">
</body>
</html>

👉 इस Example में Logo Image Web Page पर 200×100 Size में Show होगा।

Image Paths (Relative और Absolute)

Relative Path – जब Image File आपकी Website Folder में हो।
```
<img src="images/photo.jpg" alt="Relative Path Example">
```
Absolute Path – जब Image किसी External Server या URL से हो।
```
<img src="https://www.example.com/photo.jpg" alt="Absolute Path Example">
```

Conclusion

HTML <img> Tag का उपयोग किसी भी Web Page पर Image Add करने के लिए किया जाता है।
👉 सही तरीके से src, alt, width, height और title Attributes का उपयोग करना SEO और Accessibility दोनों के लिए जरूरी है।