超简单！html网页添加icon，看完就会

最新推荐文章于 2022-05-03 01:37:41 发布
最新推荐文章于 2022-05-03 01:37:41 发布
阅读量1.4k 收藏 2
点赞数 1
分类专栏： 随手 文章标签： html html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/crdzg_amy/article/details/111178556
版权

  1. 先找一个图片在这里插入图片描述

  2. 在线工具转为icon
    http://www.ico51.cn/（免费高效）
    可以选择尺寸
    可以随意选择尺寸，保存至网页根目录文件夹里。

  3. html里添加代码

<link rel="shortcut icon" href="./ico/favicon.ico" type="image/x-icon" />

只需要改动href，改成相对路径，网页根部文件夹下的icon地址，其他都无须动。

在这里插入图片描述
这就完成了，可爱的柯基小屁屁~啦啦啦

丑人多做怪
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
网站图标Icon添加方法！
09-22
首先您必须了解所谓的图标（Icon）是一种特殊的图形文件格式，它是以.ico 作为扩展名。
Web前端开发 HTML常用标签
JxufeCarol的博客
03-03 990
参考链接： 1）HTML常用标签及其属性 https://www.cnblogs.com/dear_diary/p/6510393.html 2）https://www.w3school.com.cn #基本 <html>…</html> 定义 HTML 文档 <head>…</head> 文档的信息 <meta> ...
html中图像标记的属性,HTML中的图象标签属性
weixin_39573598的博客
06-04 3182
HTML中的图象标签属性更新时间：2006年08月28日 00:00:00 作者：HTML中的图象标签属性图象可以使网页更加生动美观。浏览器可以显示JPEG和GIF图象，其中GIF图象最多只能使用256种颜色(即只能保存为8位颜色)，而JPEG格式可保存为24位，对具体连续色调的图象有最佳效果。不过，GIF图象虽然在图象质量上不及JPEG图象，但其所占的存储空间下，下载速度快。因此应视不同情况...
HTML5新增的标签属性以及它们的用法
残阳曦月
02-23 3144
HTML5新增了一些标签，但它们并不像我们想象的那样陌生，它们只是更加符合我们的思维方式，更人性化。按照以往的布局方式，我们要划分页面结构时都是使用的div，例如&lt;div class="header"&gt;&lt;/div&gt;、&lt;div id="footer"&gt;&lt;/div&gt;等。HTML5直接用header、footer标签来代替div，这类标签更加语义化，便于爬...
Html给网页加icon图标
小韩的博客
09-09 1万+
RT，这个熊掌的图标是如何做到html里面的？ 以下开始说明： ①首先找一张喜欢的图片，由以下链接转化icon，16x16的兼容性比较好。 制作ico图标 | 在线ico图标转换工具 方便制作favicon.ico - 比特虫 - Bitbug.net轻松制作ico图标,在线提供ico图标转换工具,可以将jpg、jpeg、gif、png等图像转换成ico图像,方便浏览器制作并生成favicon.ico图标,提供ico图标下载,png to ico,jpg to ico,gif to icoh...
bootstrap4.0图标使用_很不错的两款Bootstrap Icon图标选择组件
weixin_39546092的博客
12-21 1155
一、Bootstrap icon picker组件这个组件是在github上面搜索的时候找到的，初初看上去，确实是很不错的，并且是基于bootstrap风格的，所以更加适合使用bootstrap风格布局的项目。既然是github上面的，毋庸置疑，这是一个开源组件，源码地址。好了，说了这么多，一起来看看它到底长啥样子吧。1、组件效果预览第一次初始化支持“上一页”和“下一页”支持自定义图标的选择支持模...
HTmL设置浏览器标题前面的图标shortcut icon
qq_43394194的博客
10-12 1124
1、设置标题使用title标签 2、设置标题前面的图标 建议包含以下两行HTML代码: 只有第一行是必须的，因为“shortcut icon”字符串将被多数遵守标准的浏览器识别为列出可能的关键词（“shortcut”将被忽略，而仅适用“icon”）； 而Internet Explorer将会把它作为一个单独的名称（“shortcut icon”）。 这样做的结果是所有浏览器都可以理解此代码。 只有...
shortcut icon图标移动端和PC端设置
sven_chen93的博客
04-06 1469
之前收到客户的需求，需要在移动端和PC端，使用不同的shortcut icon，很简单的几句代码，记录一下 首先在head里引入小图标 <link rel="shortcut icon" type="image/x-icon" href="./static/favicon.ico" /> 然后在index.html文件里最后面，新增一个script标签，我以最大767px作为分界线，...
【前端-网页篇】HTML中如何显示iconfont图标
weixin_42857472的博客
08-12 4073
iconfont图标显示在网页上进入iconfont界面 iconfont图标库 进入iconfont界面 找到你想要的图片，点击进入 找到图标后加入这个购物车，点击右上角的购物车，添加到项目中 添加完成后进入我的项目中查看所添加的图标，选择下载到本地 下载的文件内容如下图所示，将这些文件放到你的WEB目录下 我这边创建了css文件夹和iconfont文件夹，以及一个HTML文件，等下用于网页显示刚才收藏的图标 将刚才下载的那几个文件放到iconfont文件夹中 可以用浏览器打开demo_in
HTML中引用icon图标
qq_43804601的博客
05-03 1万+
简单介绍在HTML如何中引用icon图标 1.登录iconfont官网 生成连接 ① 搜索想引用的图标，找到后加入购物车 ② 在购物车中将icon图标添加至项目 ③ 点击生成新代码 生成代码（示例）： //引入iconfont的声明 @font-face { font-family: 'iconfont'; /* Project id 3373080 */ src: url('//at.alicdn.com/t/font_3373080_hrq4d4vg3gp.woff2?t=1651
一套非常实用的html+css实现常用的ICON图标
最新发布
11-13
一套非常实用的html+css实现常用的ICON图标，使用非常简单： 第一种、 data-icon=":"> 第二种、<i class="icon_refresh"></i>
pygame游戏之旅 添加icon和bgm音效的方法
09-19
主要为大家详细介绍了pygame游戏之旅的第14篇，教大家如何添加icon和bgm音效，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
icons.zip_Help!_PZ9_icon_icons.com
09-20
An icon to decorate your homepage will help you improve your homepage
HTML5的<link rel="shortcut icon"标签是干什么用的
01-09
HTML5的<link rel="shortcut icon"标签是干什么用的
Charles抓不到包，这一篇绝对解决了！
热门推荐
crdzg_Amy的博客
08-26 4万+
绝对能解决你Charles抓不到数据的问题。(这里写自定义目录标题) 绝对 能解决Charles抓不到包的问题！（MAC） 我是刚刚使用的charles工具，所以基本是都是跟着百度搜索的文章进行的安装和调试。但是由于不熟悉，就会出问题。如果你也是因为打开charles抓不到数据，下面这些方法绝对能解决你的问题，千万别着急，一定要看到最后哦～ 1.确定你手机和电脑处在同一网络环境下 2.确定手机上的...
charles生成har文件，使用har2case生成json、yml（har2case: error: unrecognized arguments: mywelfare.har）
crdzg_Amy的博客
06-29 1309
1.生成har文件 Charles录制har文件 右键导出Export Session，选择har文件保存，然后导入到pycharm文件的har 2.har2case -h 查看命令 3.生成json格式的测试用例文件 命令：har2case xxx.har 4.生成yml格式的测试用例文件 命令：har2case xxx.har -2y 由此，json与yml格式的测试用例文件已生成 坑：可能是没切入该工程下的具体文件夹，所以一直提示没有这个文件/文件夹...
小白搭建个人网站之前端页面（持续更新）
crdzg_Amy的博客
10-22 1005
个人网站搭建之前端页面个人网站搭建之前端页面编写工具：Visual-studio-code+pycharmHtml只是页面，CSS进行渲染页面样式功能快捷键如何改变文本的样式使用多种方法使div居中设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的 个人网站搭建之前端页面 编写工具：Visual-studio-code+pycharm 建立网站需前端+后端：前端使用VS-code，后端使用python的django框架。此次先搭建好前端页面 html ，VS
Designer上显示qpushbutton添加的icon 程序运行起来就不显示
06-01
如果你在Designer上成功地显示了QPushButton添加的图标，但是在程序运行起来后却不显示，那么问题可能在于你没有将图标文件添加到资源文件中。你可以通过以下步骤来解决这个问题： 1. 在Qt Creator的资源编辑器中...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值