Loading

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>
AttributeDescription
srcSpecifies the source (path or URL) of the image.
altDescribes 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:
Uploaded Image

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.