Tags
<!-->
<!DOCTYPE>
<a>
<abbr>
<acronym>
<address>
<applet>
<area>
<b>
<base>
<basefont>
<bdo>
<big>
<blockquote>
<body>
<br>
<button>
<caption>
<center>
<cite>
<code>
<col>
<colgroup>
<dd>
<del>
<dfn>
<dir>
<div>
<dl>
<dt>
<em>
<fieldset>
<font>
<form>
<frame>
<frameset>
<head>
<h1> - <h6>
<hr>
<html>
<i>
<iframe>
<img>
<input>
<ins>
<kbd>
<label>
<legend>
<li>
<link>
<map>
<menu>
<meta>
<noframes>
<noscript>
<object>
<ol>
<optgroup>
<option>
<p>
<param>
<pre>
<q>
<s>
<samp>
<script>
<select>
<small>
<span>
<strike>
<strong>
<style>
<sub>
<sup>
<table>
<tbody>
<td>
<textarea>
<tfoot>
<th>
<thead>
<title>
<tr>
<tt>
<u>
<ul>
<var>

Standard
Attributes
Events

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" /> Poligono


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.