HTML img Tag
HTML img Tag
The img tag is used to embed an image in an HTML page. We can only link images inside the HTML document. We cannot insert images into it. The img tag specifies the space for the image in the document. It has two required attributes for best performance. Thes are:-
- src:- Specifies the path to the image
- alt:- Specifies an alternate text for the image in case the image does not appear
We have to specify width and height of an image otherwise page flickers when loads. For image linking, we have to add img tag in it.
Attribute Explanation:-
| Attribute | Value | Description |
|---|---|---|
| alt | text | Specifies alternate text for image. |
| crossorigin | anonymous use-credentials |
Allow images from third-party sites that allow cross-origin access to be used with canvas. |
| height | pixels | Specifies height of an image. |
| ismap | ismap | Specifies image as a server-side image map. |
| loading | eager lazy |
Specifies whether browser should load an image immediately or to defer loading of images until some conditions are met. |
| longdesc | URL | Specifies URL to a detailed description of 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 different page layouts. |
| src | URL | Specifies path to the image. |
| srcset | URL-list | Specifies list of image files to use in different situations. |
| usemap | #mapname | Specifies image as a client-side image map. |
| width | pixels | Specifies width of an image. |
Syntax:-
Its syntax is:- < img >
Code Explanation
All Tutorials related to HTML Tags List
HTML Comment Tag
DOCTYPE in HTML
HTML a Tag
HTML abbr Tag
HTML acronym Tag
HTML address Tag
HTML article Tag
HTML aside Tag
HTML audio Tag
HTML b Tag
HTML base Tag
HTML bdi Tag
HTML bdo Tag
HTML blockquote Tag
HTML body Tag
HTML br Tag
HTML button Tag
HTML canvas Tag
HTML caption Tag
HTML cite Tag
HTML code Tag
HTML col Tag
HTML colgroup Tag
HTML data Tag
HTML datalist Tag
HTML dd Tag
HTML del Tag
HTML details Tag
HTML dfn Tag
HTML dialog Tag
HTML div Tag
HTML dl Tag
HTML dt Tag
HTML em Tag
HTML embed Tag
HTML fieldset Tag
HTML figcaption Tag
HTML figure Tag
HTML footer Tag
HTML form Tag
HTML h1 - h6 Tags
HTML head tag
HTML header Tag
HTML hr Tag
HTML html Tag
HTML i Tag
HTML iframe Tag
HTML img Tag
HTML input Tag
HTML ins Tag
HTML kbd Tag
HTML label Tag
HTML legend Tag
HTML li Tag
HTML link Tag
HTML main Tag
HTML mark Tag
HTML meta Tag
HTML meter Tag
HTML nav Tag
HTML noscript Tag
HTML object Tag
HTML ol Tag
HTML optgroup Tag
HTML option Tag
HTML output Tag
HTML p Tag
HTML param Tag
HTML picture Tag
HTML pre Tag
HTML progress Tag
HTML q Tag
HTML ruby Tag
HTML s Tag
HTML samp Tag
HTML script Tag
HTML section Tag
HTML select Tag
HTML small Tag
HTML source Tag
HTML span Tag
HTML strong Tag
HTML style Tag
HTML sub Tag
HTML summary Tag
HTML sup Tag
HTML svg Tag
HTML table Tag
HTML tbody Tag
HTML td Tag
HTML template Tag
HTML textarea Tag
HTML tfoot Tag
HTML th Tag
HTML thead Tag
HTML time Tag
HTML title Tag
HTML tr Tag
HTML track Tag
HTML u Tag
HTML ul Tag
HTML var Tag
HTML video Tag
HTML wbr Tag
