HTML - <img> Tag

Description

The HTML <img> tag is used to put an image in an HTML document.

Example

Live Demo 
<!DOCTYPE html>
<html>

   <head>
      <title>HTML  Tag</title>
   </head>

   <body>
      <img src = "https://www.tutorialspoint.com/images/html.gif"
         alt = "HTML Tutorial" height = "150" width = "140" />
   </body>

</html>

This will produce the following result −

Global Attributes

This tag supports all the global attributes described in − HTML Attribute Reference

Specific Attributes

The HTML <img> tag also supports the following additional attributes −

Attribute Value Description
align top
bottom
middle
left
right		 Deprecated− Specifies the alignment for the image.
alt text Specifies alternate text
border pixels Deprecated − Specifies the width of the image border.
crossoriginhtml-5 anonymous use-credentials It allows images from third-party sites that allow cross-origin access to be reused with canvas.
height pixels or % Specifies the height of the image.
hspace pixels Deprecated − Amount of white space to be inserted to the left and right of the object.
ismap URL Defines the image as a server-side image map.
longdesc text Deprecated − Specifies a URI/URL of a long description - this can elaborate on a shorter description specified with the alt attribute.
src URL the url of an image
usemap #mapname Defines the image as a client-side image map and used alongwith <map> and <area> tags.
vspace pixels Deprecated − Amount of white space to be inserted to the top and bottom of the object.
width pixels or % Sets the width of an image in pixels or in %.

Event Attributes

This tag supports all the event attributes described in − HTML Events Reference

Browser Support

Chrome Firefox IE Opera Safari Android
Yes Yes Yes Yes Yes Yes
html_tags_reference.htm
Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements