How to Add an Icon
Look at your Web page's tab, where the title is. You will see a small icon image called a favicon.
To add your own favicon to your Web page use a link element in the heading section of your code. Like this.
<!doctype html>
<html>
<head>
<link rel="icon" type="image/x-icon" href="myfavicon.ico">
<title>My Cool Icon</title>
</head>
<body>
Some stuff.</body></html>
So does the icon image really need to be in the .ico format? Well, yes. Now I know that a .png or .gif can also be displayed as the icon, but Web developers use the .ico first. It can hold multiple size images in one file, if you are into that sort of thing, and site specific browsers will use the .ico as a desktop icon. Kind of cool, I quess.
In the next tutorial we will talk about audio and video files!
Comments
Post a Comment