How to display a small icon in front of the browser URL

When you browse many websites, you will find that there is a small icon in front of the browser address bar, and there is also a small icon in the browser tab position. For example, Baidu, Tencent and other websites have such icons. Do you want to add a small icon like this to your website? With this small icon, your website will be more eye-catching than others and will attract more attention from others.
PHOTOSHOP, FLASHFXP, Notepad need to make a small icon in ico format steps/methods:
1. Use PHOTOSHOP to create a small icon with a width and height of 32 pixels. After the creation is completed, save it in ico format.
2. Use FLASHFXP to download the web page to your local computer and make a backup copy just in case. Use Notepad to open the source code of the web page.
3. Find the head part of the web page source code and insert the following code in the head part. Note that the address in href is the address where you store the ico icon. Write it according to the location where it is stored on your website.
<link rel="shortcut icon" type="image/x-icon" href="http://www.iswweb.com/images/favicon.ico" media="screen" />
4. Upload the modified web page file to the virtual host, and then store the finished ico file in the images website directory of the virtual host.
5. Mission accomplished! Open IE browser and enter your URL to try? Is there already a small icon?
The format of the small icon must be ico format, and the width and height are both 32 pixels. If you cannot see the small icon after following the above steps, please clear the cache of the IE browser. You can see the small icon after clearing the cache.
The storage location of the small icon must be consistent with the storage location in the code, otherwise it cannot be displayed.

<<: Building a Redis cluster on Docker

>>: Design Association: Why did you look in the wrong place?