Have you ever noticed the small image that appears in your browser's address bar next to the address of a Web site? That is the favicon. It's an image that gives your site an opportunity to be remembered with one stunning piece of artwork.
Favicons must be one of two sizes: 16 by 16 pixels OR 32 by 32 pixels. The 32 size will typically be reduced to 16 automatically by the browser.
Some browsers require the favicon image type to be .ico, but you can also choose png or gif. IE is one of those that require .ico, and that makes it important to choose .ico as your favicon file type. SO, When you create your own favicon, save it in PNG format and then visit ConvertIco.com to convert it to a .ico file.
And very unfortunately, it still won't show up in IE for us--IE only displays a favicon if the page came from a Web server. Since we are working with files on the local machine, we won't see our favicons. Boo.
I will still be looking for the code and files in your projects below. I will be checking them in Firefox to see if they work, but I won't be taking away any credit as long as you try the steps below.