Alt and Title Attribute Description

by Pete Fecteau

HTML

<p>This images is standard and doesn't use an alt or image attribute. The actual image isn't loaded but the img tag still uses the heigh and width attributes to draw a box.</p>
<br />
<img src="buttonpresser.com/brokenimage.jpg" height="200" width="360">
<br />
<br />
<br />
<br />
<p>This images uses an alt attribute inside the tag. It describes what you're missing.</p>
<br />
<img src="buttonpresser.com/brokenimage.jpg" height="200" width="360" alt="This is a description of the broken image">
<br />
<br />
<br />
<br />
<p>This images uses the alt and title attributes. If you leave your cursor over the image you'll also see a "tooltip" like title popup over the image. This will help make your emails spam-proof as it makes them more recognizable by emailfilters as a legitimate email.</p>
<br />
<img src="buttonpresser.com/brokenimage.jpg" height="200" width="360" alt="This is a description of the broken image" title="Broken Image">