html 怎么添加ico小图标

html-css021

html 怎么添加ico小图标,第1张

这位网友你好,如果你说的是网站浏览器标题前面的小图标,可以用下面的方法:

1. 将图标文件命名为favico.ico(有在线生成工具,不能只改后缀名),上传到网站根目录。

2. 在网站首页的源文件<head></head>之间插入下面的斜体部分代码<head>……<link rel="shortcut icon" href="favicon.ico"></head>

3.动态ico图标的实现方法,先把做好的gif动态图标命名为favico.gif <head></head>之间加上: <link rel="icon" href="favicon.gif" type="image/gif" >

在网页标题栏中插入图片图标步骤如下:

1、打开DW并新建一个html页面。

2、在head标签中输入【<link rel="icon" type="image/x-icon" href="#" />】,在井号位置按一下空格,选择【浏览】按钮。

3、在本地找到你刚才设计保存的图标,并点击【打开】。

4、这样图标地址就输入完成了,我们可以再把title名字修改成你的网站名称,如【百度经验】,保存后刷新网页可以看到我们网页的标题和图标都制作好。

title 是浏览器最上面的一行标题,无法添加图片,可以添加favicon ,随便找一个小图片,上传的favicon 制作网站就可以了,网上大把。 然后把制作好的favicon.ico copy 到root folder

如果是H1的话,建议你用background image来添加, 在CSS 里设置background-image 就可以了。

希望可以帮到你