HTML <img> Tag
Description
The <img> HTML element is intended for displaying images in the graphic format GIF, JPEG, SVG or PNG on a web page. The address of the image file is set via the src attribute. If necessary, you can make the image a link to another file by placing <img> in the container <a>.
Pictures can also be used as image maps when a picture contains active areas that act as links. Such a map in appearance is no different from a conventional image, but it can be divided into invisible zones of various shapes, where each of the areas serves as a link.
Properties
- Permitted Parents
- Any element that accepts embedded content
- Content
- None. It is an empty element.
- Start/End Tags
- Start tag: required, End tag: forbidden
Example
<img alt="Sunset Image" src="images/sunset.jpg" width="300" height="226">Attributes
| Attribute | Definition |
|---|---|
| name | Assigns a name to an image. This is used when referencing the image with stylesheets or scripts. However, you should use the id attribute instead. |
| longdesc | Specifies a URI/URL of a long description - this can elaborate on a shorter description specified with the alt attribute. |
| src | Location of the image. |
| alt | Alternate text. This specifies text to be used in case the browser/user agent can't render the image. |
Global Attributes
The <img> tag also supports the Global Attributes in HTML5
Event Attributes
The <img> tag also supports the Event Attributes in HTML5
Browser Support
| Desktop | |||||
 |
 |
 |
 |
 |
 |
| Yes | 12 | Yes | Yes | Yes | Yes |
| Tablets / Mobile | |||||
 |
|
|
|
|
 |
| Yes | Yes | Yes | Yes | Yes | Yes |
Last updated by CSSPortal on: 6th December 2019
Share this Page
If you have enjoyed using CSSPortal, please consider sharing this page with other users, just click on your preferred social media link or copy the webpage from the link below.
URL