网站左上方的小图标如何添加

 时间:2026-04-23 05:05:22

1、准备好要用的ico图标,这里我下载了一些,网上很多,可以自己百度哦!

网站左上方的小图标如何添加

2、搭建的有服务器的就在站点根目录新建一个HTML文件,然后再把要用的ico图标也放到这个目录下,没服务器的找个文件夹把这2个东西放一起就行了。

网站左上方的小图标如何添加

3、使用任意编辑器编辑本例的aaa.html文件,代码如下,核心代码是head标签里面的<link href="u2.ico" rel="shortcut icon">这句,这个是用来显示咱要显示的小图标的,保存代码

网站左上方的小图标如何添加

4、对于没搭建服务器的小伙伴,咱选择用Chrome浏览器打开该html文件即可到咱添加的小图标哦!

网站左上方的小图标如何添加

5、这时Chrome浏览器下的运行效果,看左上角,问什么不用别的浏览器呢?别的浏览器可能不显示此效果哦!

网站左上方的小图标如何添加

6、对于搭建过服务器的小伙伴就简单喽!通过域名在任意浏览器访问均可看到该小图标哦!

网站左上方的小图标如何添加

  • Bootstrap中如何制作下拉菜单
  • CSS border-bottom 属性的使用
  • 怎么让DIV在另一个DIV里靠底部显示
  • html轮播图怎么制作
  • 利用jquery写出鼠标悬停在一张图片上放大图片
  • 热门搜索
    泥鳅汤的做法 炸糕的做法 鸭爪的做法大全 胆囊炎是怎么引起的 鸭子做法 凉皮调料水的做法 钵怎么读 白萝卜治咳嗽的做法 网约车驾驶员资格证怎么办理 牙齿痛怎么快速止痛