The <img> tag
Definition and Usage
The img element defines an image.
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.
The "align", "border", "hspace", and "vspace" attributes of the image element
are not supported in XHTML 1.0 Strict DTD.
Mozilla Firefox and the alt Attribute
If you use the alt attribute in Firefox on images and image maps the text
will not show on mouse-over as in other browsers.
Firefox uses the alt attribute the way it's meant to be used, like an
alternative text if the image won't load, not as a mouse-over text.
Firefox does support mouse-over comments on images or image maps if you use a
title attribute in the <img> tag.
E.g. <img src="image.gif" alt="bla" title="bla bla bla"
Example
Source |
Output |
<img src="poligono.png"
alt="Angry" /> |
|
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
bottom
middle
left
right |
Specifies how to align the image according to surrounding text.
Deprecated. Use styles instead |
TF |
border |
pixels |
Defines a border around an image. Deprecated. Use styles
instead |
TF |
height |
pixels
% |
Defines the height of an image |
STF |
hspace |
pixels |
Defines white space on the left and right side of the image.
Deprecated. Use styles instead |
TF |
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 |
Defines white space on the top and bottom of the image.
Deprecated. Use styles instead |
TF |
width |
pixels
% |
Sets the width of an image |
STF |
Standard Attributes
id, class, title, style, lang, xml:lang |
For a full description, go to Standard
Attributes.
Event Attributes
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup |
For a full description, go to Event
Attributes.
|