For those of you that are new to HTML, I'm sure you have come accross the alt attribute a couple times while looking at other peoples code. Bascily alt is used to define an "alternate text". If an image doesn't load, that text will appear. If it does load, then when you roll over the image, the text appears in a small box.

Ok lets get started here. Our code is a simple image:

Nothing special here. But for those of you that don't know how to implement the alt attribute take a look at the example below.

Piece of cake!

Now the importance of using this attribute is not only beneficial to all users, but most people dont know that it helps your site with being SEO friendly or (Search Engine Optimization). When web bots come accross your site, anything related to pictures or content on your site should have as many key words as possible, near it, or in the tags.
        Eventually you can type in the keywords in your tag and your image just may appear in an image search, or your site will appear in the text search.

Anyways thats all I got for you. Now start using those alt attributes!