浏览器每个页面的特定标志应该如何添加

今天在查看自己写得页面时发现与别的页面相比，我写的没有页面前面的那个小标志，怪难看的，如图：


现在想请问大佬们，如果我的页面也想实现类似的效果应该怎样去写

https://blog.csdn.net/guzhao593/article/details/93972193

加上一个favicon.ico，放在网站根目录下
ico的制作，可以使用 icon workshop这个软件