html如何修改title前的小图标

html如何修改title前的小图标

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

<!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前的小图标_第3张图片

你可能感兴趣的:(html如何修改title前的小图标)