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.