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

 时间:2026-02-14 08:52:47

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写出鼠标悬停在一张图片上放大图片
  • 热门搜索
    安全伴我成长手抄报 手抄报黑白版面设计 绿色校园手抄报资料 读好书手抄报内容 数学手抄报版面设计 关于传统文化的手抄报 走进西部的手抄报 校园安全知识手抄报 森林防火手抄报内容 有关节约用水的手抄报