HTML <img> (Image) Tag

❮ Previous Reference Next ❯


<img src="img-boy.jpg" alt="Boy" width="300" height="200">


The <img> element specifies a media object to be included in an HTML or XHTML document.

Usually, the object is a bitmap graphic image, but some implementations support movies, vector formats, and animations.

The <img> element has two required attributes.

Version: HTML 2, 3.2, 4, 4.01, 5

Standard Syntax

HTML: <img src="URL" alt="text">,
XHTML: <img src="URL" alt="text" />

Browser Support



Attribute Value Description
alt text Specifies an alternate text for an image
crossorigin anonymous
Indicates if the fetching of the image must be done using a CORS request.
decoding sync
Specifies an image decoding hint to the browser.
height pixels Specifies the height of an image.
ismap ismap ismap is a boolean attribute specifies that the image is a server-side image map.
loading eager
loading attribute specifies how the browser should load the image.
referrerpolicy no-referrer
Specifies which referrer information to use when fetching an image
sizes sizes Specifies image sizes for a set of source sizes.
src URL src attribute specifies the URL of an image file to be displayed.
srcset URL-list srcset attribute specifies one or more strings separated by commas, indicating possible image sources for the user agent to use.
usemap #mapname usemap attribute makes the image support client-side image mapping.
width pixels Specifies the width of an image.

Global Attributes

<img> element also supports the Global Attributes in HTML.

Event Attributes

<img> element also supports the Event Attributes in HTML.

By Default CSS Value(s)

Most of the browsers will display the <img> element with the following by default value(s)

img { 
  display: inline-block;

Related Tags:

<audio>, <embed>, <iframe>, <map>, <object>, <param>, <picture>, portal>, <source>, <track> and <video>
❮ Previous Reference Next ❯