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.