HTML img tag: The HTML<img>tag specifies an image in an HTML page. The HTML img tag has two required attributes i.e. src and alt. Images are not technically inserted into an HTML page, images are linked to HTML pages. The <img> tag creates a holding space for the referenced image. In HTML 4.01 align, border, hspace and vspace attributes are supported. But whereas in HTML 5 align, border, hspace, and vspace attributes are not supported.
HTML<img>Tag
This HTML <img> tag supports both the global and the event attributes.
Syntax:<img src=”url” alt=”some_text”>
‘src’ attribute
src stands for source. Every image has an src attribute which tells the browser where to find the image you want to display. The URL of the image provided points to the location where the image is stored.
‘alt’ attribute
If the image cannot be displayed then the alt attribute acts as an alternative description for the image. The value of the alt attribute is an user-defined text.
Browser compatibility
The HTML<img>tag is supported by different types of browsers.
- Chrome
- Firefox
- Opera
- Safari
- Internet Explorer
Example:
<!DOCTYPE html> <html> <body> <img src="https://tutorials.freshersnow.com/wp-content/uploads/2019/04/HTML-Tutorial.jpg" alt="logo" width="42" height="42"> </body> </html>
Output:
Attributes that are supported by the <img> tag
| Attribute | Value | Description |
|---|---|---|
| align | left center right middle bottom |
Specifies the alignment of an iframe according to surrounding elements |
| alt | text | Specifies an alternate text for an image |
| border | pixels | Specifies the width of the border around an image |
| height | pixels | Specifies the height of an image |
| hspace | pixels | Specifies the whitespace on left and right side of an image |
| ismap | ismap | Specifies an image as a server-side image-map |
| longdesc | URL | Specifies a URL to a detailed description of an image |
| sizes | Specifies image sizes for different page layouts | |
| src | URL | Specifies the URL of an image |
| srcset | URL | Specifies the URL of the image to use in different situations |
| usemap | pixels | Specifies an image as a client-side image-map |
| vspace | pixels | Specifies the whitespace on top and bottom of an image |
| width | pixels | Specifies the width of an image |