<img>

The <img> tag is used to embed images in a web page. This tag is essential for creating a visually appealing interface and conveying information through graphical content (such as images).

It is a self-contained tag (also called "self-closing" 🇺🇸 – meaning it closes on itself) and requires mandatory attributes like src (image source) and alt (alternative text).

Structure and Syntax of the <img /> Tag

The <img> tag is an empty tag (it does not encapsulate other tags). It can be styled using the style attribute or through classes (class) and IDs (id), like most HTML tags.

Syntax

<img src="[URL]" alt="[DESCRIPTION]">

The alt attribute defines the alternative text.

Although optional, this attribute is highly recommended for good search engine optimization (SEO) and to provide textual information for visually impaired users.

Usage Example

<img
    src="https://believemy.com/images/site/brand/believemy-new-logo-full-black.svg"
    alt="Believemy Logo"
    style="width: 300px"
>

In this example, the image located at the URL specified in the src attribute is displayed. An alternative text is provided using the alt attribute, and the image is given a width of 300 pixels using the style attribute.

Try it yourself here:

It is possible to use this tag in two different forms:

• <img> for its version valid with HTML5;
• <img /> for its version valid with HTML5 as well as XHTML.

It is therefore not uncommon to see one or the other of the syntaxes, both being widely used.

Attributes

Here are the main attributes for the <img> tag:

Browser Compatibility

The <img> tag is compatible with all modern browsers. However, some advanced attributes, such as loading or referrerpolicy, may not be supported in older versions.