<img>

HTML `<img>` (Image) Tag

<img src="flowers.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.

src - Specifies the source path to the image(vector can be used).
alt - Specifies an alternate text for the image, if the image unable to load for some reasons.

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

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

Attribute	Value	Description
alt	text	Specifies an alternate text for an image
crossorigin	anonymous use-credentials	Indicates if the fetching of the image must be done using a CORS request.
decoding	sync async auto	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 lazy	loading attribute specifies how the browser should load the image.
referrerpolicy	no-referrer no-referrer-when-downgrade origin origin-when-cross-origin unsafe-url	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.

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

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

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

img { 
  display: inline-block;
}