Используйте инструмент для создания значков (их много), чтобы создать файл значка (favicon.ico) и загрузите его в корневой каталог сервера, на котором расположен веб-сайт. Этот файл должен представлять собой файл значка размером 16*16. Конечно, вы также можете добавить его между <head></head>
<link rel="значок ярлыка" href="favicon.ico" type="image/x-icon" />
Вот и все. Однако ico предоставляет статический файл значка.
Если вы хотите, чтобы он двигался, вам нужно создать gif-анимацию. GIF-анимация также имеет размер 16*16 и передается на сервер. Добавить: между <head></head>:
<link rel="icon" href="animated_favicon.gif" type="image/gif" >
Вот и все.
Если вы хотите, чтобы иконка в избранном тоже менялась, добавьте это предложение:
<link rel="Bookmark" href="favicon.ico" />
Эту иконку также можно использовать в формате png, который сейчас очень популярен.
Наконец, дайте URL-адрес, чтобы сделать это онлайн:
http://www.html-kit.com/favicon/
Следуйте инструкциям шаг за шагом, и, наконец, вы сможете загрузить все, что вам нужно, включая ico-файлы и исходный код.