HTML img tag


An image is marked up as follows:
<img src="angry.gif" alt="Angry face" />

Definition and Usage

The <img> tag embeds an image in an HTML page.
The <img> tag has two required attributes: src and alt.

Browser Support

The <img> tag is supported in all major browsers.

Differences Between HTML and XHTML

In HTML the <img> tag has no end tag.
In XHTML the <img> tag must be properly closed.
The "align", "border", "hspace", and "vspace" attributes of the image element were deprecated in HTML 4.01, and are not supported in XHTML 1.0 Strict DTD.

Tips and Notes

Tip: The alt attribute is meant to be used as an alternative text if the image is not available, not as a mouse-over text. To show a mouse-over text on images or image-maps, use the title attribute, like this: <img src="angry.gif" alt="Angry face" title="Angry face" />

Required Attributes

DTD indicates in which DTD the attribute is allowed. S=Strict, T=Transitional, and F=Frameset.

Attribute Value Description DTD
alt text Defines a short description of the image STF
src URL The URL of the image to display STF

Optional Attributes

Attribute Value Description DTD
align top
Deprecated. Use styles instead.
Specifies how to align the image according to surrounding text.
border pixels Deprecated. Use styles instead.
Defines the border thickness around the image.
height pixels
Defines the height of the image STF
hspace pixels Deprecated. Use styles instead.
Defines white space on the left and right side of the image.
ismap URL Defines the image as a server-side image map STF
longdesc URL  A URL to a document that contains a long description of the image STF
usemap URL Defines the image as a client-side image map. Look at the <map> and <area> tags to figure out how it works STF
vspace pixels Deprecated. Use styles instead.
Defines white space on the top and bottom of the image.
width pixels
Defines the width of the image STF

Standard Attributes

id, class, title, style, lang, xml:lang

Event Attributes

onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
HTML img tag Reviewed by 1000sourcecodes on 04:33 Rating: 5
Powered by Blogger.