首页 > 电脑专区 > 电脑教程 >

浏览器窗口显示小logo的方法

来源:互联网 2023-02-21 23:02:57 版权归原作者所有,如有侵权,请联系我们

还在想怎么在浏览器窗口显示小logo的方法吗?点个赞,分分钟教你怎么做cTA办公区 - 实用经验教程分享!

工具/原料

  • 电脑
  • 图片logo

方法/步骤

  • 1

    制作logo第一步,logo示例如下cTA办公区 - 实用经验教程分享!

    浏览器窗口显示小logo的方法cTA办公区 - 实用经验教程分享!

  • 2

    首先在桌面上准备一个favicon.ico的图片格式,大小为16*16像素,名字一定要设置为favicon.icocTA办公区 - 实用经验教程分享!

    浏览器窗口显示小logo的方法cTA办公区 - 实用经验教程分享!

  • 3

    然后在桌面上新建一个index.html文件,这个名字随便取cTA办公区 - 实用经验教程分享!

    浏览器窗口显示小logo的方法cTA办公区 - 实用经验教程分享!

  • 4

    然后在index.html里面输入如下html代码cTA办公区 - 实用经验教程分享!

    浏览器窗口显示小logo的方法cTA办公区 - 实用经验教程分享!

  • 5

    然后在head标签里面加上如下代码,箭头所指位置的代码就是logo的地址,其他的固定不变cTA办公区 - 实用经验教程分享!

    浏览器窗口显示小logo的方法cTA办公区 - 实用经验教程分享!

  • 5
  • 6

    然后在浏览器中打开就可以看到我们的小logo了cTA办公区 - 实用经验教程分享!

    浏览器窗口显示小logo的方法cTA办公区 - 实用经验教程分享!

  • 注意事项

    • 注意关键代码和图片路径不能错

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!cTA办公区 - 实用经验教程分享!


    标签: 浏览器HTML浏览窗口方法

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号