Home | Php | JavaScript | SQL | HTML | Server Admin | Tools
HTML
Welcome

Basic HTML Page
Webpage Icon
Tables
Other sites
Image Editor
Top 10 web hosting reviews

Webpage Icon

You have most likely seen all the webpages that have that nifty little icon that shows up in the address bar next to their URL or on the taskbar window button depending on your browser. You probably thought it was something really hard to do, but hey, it's actually an HTML one-liner. Here it is:

Example Code
<LINK REL="SHORTCUT ICON" HREF="http://www.mydomain.com/path/to/icon/myicon.ico" />

A couple of things to remember when using this code is that first, the path that you put in for your icon must be a fully qualified, absolute path. In other words, you must put in http://www.your-domain.net/something/icon.ico You can't just put in /images/favicon.ico. Where do you put this HTML tag? It needs to go within the <HEAD> tag. Here is an example.

Example Code
<HTML>
<HEAD>
<TITLE>Page Title here...</TITLE>
<LINK REL="SHORTCUT ICON" HREF="http://www.mydomain.com/path/to/icon/myicon.ico" />
</HEAD>
<BODY>Page contents here...</BODY>
</HTML>

So there you have it. Not so hard is it? Now the only thing left to do is sit down and create a cool icon! ;)


Link back to this page

Copy and paste this HTML code into your page to link back to this very page:
     

Or just link to the WebCodingTech site:
     

And your link will look like this:
      Inspired by stuff found at www.webcodingtech.com.

Thanks!





Copyright © 2005 WebCodingTech.com Our URL is: http://www.webcodingtech.com