怎么在网页标题加入图标？

刺骨的言语ヽ痛彻心扉 2022-11-07 11:39 187阅读 0赞

我们在浏览网站的时候，大部分网站页面的标题都是有图标的，那么如何在网页标题添加图标？  
首先，我们需要准备一张自己需要的图片。然后在百度搜索ico，找到在线生成 ioc图标。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80ODE2NTQwNw_size_16_color_FFFFFF_t_70_pic_center]  
点开以后，点击选择文件，选择好我们以准备好的图片，就可以点生成按钮。生成以后他就会自动帮我们下载已经生成好的图片。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80ODE2NTQwNw_size_16_color_FFFFFF_t_70_pic_center 1]  
制作好ico图标以后，只需要在< head >标签里加入< link >标签，记住一定要把< link >标签里rel属性的值改为icon，href属性值放我们制作好的ico图标的地址。

<title>淘宝网</title>
    <link rel="icon" href="favicon (1).ico">

![在这里插入图片描述][20210311194543640.JPG_pic_center]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80ODE2NTQwNw_size_16_color_FFFFFF_t_70_pic_center]: /images/20221023/c5d928dc35c54692b2a7ec5ca72dec4f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80ODE2NTQwNw_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221023/0e486fe4248d4392a0994df31b4c69a4.png
[20210311194543640.JPG_pic_center]: /images/20221023/f2ad4aa43d0f46cfa004027621d14728.png

发表评论取消回复

表情：

评论列表（有 0 条评论，187人围观）

还没有评论，来说两句吧...

相关阅读

相关给网页标题前加一个小图标

在head部分添加一个link标签 <!DOCTYPE html> <html> <head> <title>Vue测试</title>

本是古典何须时尚/ 2023年06月10日 03:26/ 0 赞/ 4 阅读

相关怎么在vue项目中的浏览器网页标题添加小图标

1、在Vue项目文件夹目录中找到index.html 2、将所需图标放在static目录下为什么放在static目录下，而不是放在src目录下呢？

约定不等于承诺〃/ 2023年06月06日 03:38/ 0 赞/ 6 阅读

相关使用link rel=“shortcut icon“为网页标题加图标

<title>会员卡券</title> <link rel="shortcut icon" href="http://GT/img/favicon.png" t

素颜马尾好姑娘i/ 2023年02月23日 12:09/ 0 赞/ 117 阅读

相关怎么在网页标题加入图标？

我们在浏览网站的时候，大部分网站页面的标题都是有图标的，那么如何在网页标题添加图标？首先，我们需要准备一张自己需要的图片。然后在百度搜索ico，找到在线生成 ioc图标。

刺骨的言语ヽ痛彻心扉/ 2022年11月07日 11:39/ 0 赞/ 188 阅读

相关 Vue 动态修改网页标题和图标

VUE2：二、普通方案，使用Vue-Router的beforeEach拦截 routes: [{ path: '/',

川长思鸟来/ 2022年11月07日 01:44/ 0 赞/ 1039 阅读

相关 VC 更改标题图标

1）：在ResourceView(资源编辑器)中打开Icon文件夹，把IDR\_MAINFRMAE图标改成你希望的样式即可。将资源中的ID号为IDR\_MAINFRAME

妖狐艹你老母/ 2022年07月19日 01:23/ 0 赞/ 233 阅读

相关 vue怎么放网页图标

![Center][] 代码： <link rel="icon" href="static/favicon.ico" type="image/x-icon"

Love The Way You Lie/ 2022年06月09日 22:10/ 0 赞/ 168 阅读

相关如何在网页标题栏title加入logo(icon)图标？

From: [https://www.cnblogs.com/lyp123/articles/5661661.html][https_www.cnblogs.com_lyp12

缺乏、安全感/ 2022年05月18日 09:44/ 0 赞/ 347 阅读

相关在输入框加入搜索图标的问题

最近遇到了一个需要在搜索框内加入一个放大镜图标的需求，就像是这样。 ![2019081309431190.png][] 这个本来是挺好解决的一个问题，只要在搜索框内加两句

迷南。/ 2021年11月02日 08:42/ 0 赞/ 412 阅读

相关如何在网页标题栏title加入logo(icon)图标？

转自 \--https://www.cnblogs.com/lyp123/articles/5661661.html 转载于:https://www.cnblogs.com

小鱼儿/ 2021年10月29日 07:24/ 0 赞/ 441 阅读