1、1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的ltbody标签中，输入html代码其中iconpng是放大镜图标ltdiv ltinput type=quottextquot ltimg style=quotwidth 20pxposition absol。

2、实现步骤第一步制作faviconico，大小为16*16毫米第二步将“faviconico”放到项目的根路径下第三步在所有html页面head中添加如下代码收藏用logo图标 ltlink rel=quotbookmarkquot type=quotimagexiconquot hr。

3、1 先做好一张格式为ico的图标我就是用在线工具转换为ico格式的2 打开页面代码，找到lthead标签，在ltheadlthead标签中插入一句，ltlink href=quotfaviconicoquot rel=quotshortcut iconquot 请点击输入图片描述 3 ok啦。

4、第一步，准备一个图标制作软件首先您必须了解所谓的图标Icon是一种特殊的图形文件格式，它是以ico 作为扩展名普通的图像设计软件无法使用这种格式，所以您需要到下载一个ico图标工具，本站常用软件既有，推荐强大的。

5、1新建html文件，在body标签中添加img标签，img标签在html中没有结束标签，所以不需要添加“ltimg”代码给img标签添加属性“src”，属性值填自己想要添加图片的地址，这里以同一目录下的1png为例，这样图片就添加好了。

6、1把字符直接写在HTML文件里这个方法是简单比较直观，见如下代码，用一个ltspan元素去包含一个字符“！”或#x0021，然后给这个ltspan添加一个类这个字母在选定的字体中被映射到一个特定的图标lta href=quot。

7、看下图！ html中怎么在IE浏览器地址栏前设置图标？看下图！ 展开 我来答 答题抽奖 首次认真答题后 即可获得3次抽奖机会，100%中奖 更多问题 分享 微信扫一扫 新浪微博 空间 举报 浏览5002 次。

8、把个个图标的style里加上floatleft这样就能在一行显示了，通过margin或padding来调他们的距离。

9、只要在html文件中的ltheadlthead标签中加上ltlink rel=quoticonquot href=quotpictureicoquot type=quotimagexiconquot 即可注意href=“”中的图标格式是ico，路径不管相对路径还是绝对路径都可以实例演示如下1先。

10、接着我们做一个span标签，并给他加入iconfont和iconhuo类名效果就出来了 如果你要改变他的大小和，颜色特别简单 直接改变字体大小和颜色这里为了演示方便直接写在了html里，规范应该在加入一个类，写在css里而且一。

11、尝试下面的代码lt%@ page language=quotjavaquot contentType=quottexthtml charset=utf8quotpageEncoding=quotutf8quot% lt！DOCTYPE html PUBLIC quotW3CDTD HTML 401 TransitionalENquot quot。

12、主要特性 使用icon font来生成图标相对于基于图片的图标来说，有如下的好处自由的变化大小 自由的修改颜色 添加阴影效果 IE6也可以支持 支持图片图标的其它属性，例如，透明度和旋转等等 可以添加textstroke和backgroundclip。

13、HTML5是没有这个功能的，可以使用浏览器的内置发送到桌面图标功能，以下以UC为例1进入UC浏览器首页后，点击所示的图标 2会看到书签历史点击它 3进入书签后，随后长按几秒你想发送到手机桌面的书签网址 4。

14、先检查是不是路径错了，然后清楚浏览器的缓存，或者换个浏览器试一试。

15、ltinput type=“buttonquot name=quotbuttonquot value=quot quot style=quotbackgroungimageurl“图标路径”quot。

16、浏览”，找到背景图的位置6选中背景图，点击“确定”7图片插入完成8将这个html另存为在“表格”文件夹里9点击这个预览图标，就可以在浏览器中查看效果10完成效果图参考资料百度百科HTML表单。

17、请问怎么在html中为网站添加ico图标，我这样做不显示是什么原因首先你的网页文件怎么是后缀名不应该为Txt，其次你更换了这个图标应该把浏览器缓存清空在执行看看，再者，其实可以不加引入的那条语句，直接将网页文件改为Index。