Image Tag
The <img> tag is used to embed images into an HTML document. It is a self-closing tag, which means it does not need a closing </img> tag.
Key Attributes of <img>
Attribute | Description |
---|---|
src | Specifies the source (path or URL) of the image. |
alt | Describes the image if it cannot be displayed or for screen readers. |
Syntax:
<img src="image-path" alt="description">
Example:
<!DOCTYPE html> <html> <head> <title>Image Tag</title> </head> <body> <h1>Image Tag Example</h1> <img src="cat.jpg" alt="cat"/> </body> </html>
Output:

The page will display a heading and an image named cat.jpg. If the image is missing, the word 'Cat' will be shown in its place.
Key Point
- Always provide the alt attribute it improves accessibility and SEO.
- You can also add optional attributes like width, height or style for better control.