欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页

html如何修改title前的小图标

程序员文章站 2024-02-18 14:54:04
...

html如何修改title前的小图标

大家好，我是凡玉。今天来和大家分享WEB前端的一个小常识，如何改变title前的图标，这个图标是不能用普通的图片替换的，要用后缀为ico的图片文件进行替换。
下面凡玉就来带大家一起做一个ico图片，并用它修改title前的小图标。
首先我们找到一张图片在(打开方式)里选择《画图》
html如何修改title前的小图标画图里也有可以修饰图片的工具，当你对图片满意后就可以点击 (文件>另存为)文件类型选择24位位图bmphtml如何修改title前的小图标完成后再手动将文件后缀改为ico，这样我们的ico图就完成了。
html如何修改title前的小图标之后我们在html文件里的head标签内加入<link rel = "icon" href = "ico文件路径">就可以了。
代码如下:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <link rel = "icon" href ="images/title.ico">
        <title>修改title图标</title>
    </head>
    <body>
    
    </body>
</html>

效果图:
html如何修改title前的小图标

相关标签： html修改title前的小图标

上一篇： redis监控状态connect命令

下一篇： 前端怎样写APP的分享二维码的功能

推荐阅读