html标签上的图标，html 图标

html5里为什么经常用i标签来作为小图标使用

这个不是H5特有的情况，只是设计师习惯性用法，用i表示ico图标，便于他人理解。例子：

ullii class="ico1"/i首页/lilii class="ico2"/i关于我们/li/ul

style

    .ico1,.ico2{background:url(test.png) center left no-repeat; width:15px; height:15px}

/style

相关问答

Q1: HTML如何给网页添加ico图标？

首先准备一个32*32 格式为 ico 的图标

方法/步骤

1

先做好一张格式为ico的图标（我就是用在线工具转换为ico格式的）

2

打开页面代码，找到head标签，在head/head标签中插入一句,

link href="/favicon.ico" rel="shortcut icon"

请点击输入图片描述

3

ok啦，运行一下你的网页，看看是不是有图标了呢？

请点击输入图片描述

END

注意事项

图标格式一定要是ico格式的

图片路径要写正确

Q2: html标签logo怎么添加上去的？

先把logo转换成后缀名是ico的图片，然后在网页头部，也就是

中间放上这一段代码，注意图片路径一定要写对，绝对路径或者相对路径都没关系，

Q3: html如何在浏览器标签显示网站logo_浏览器标签页怎么显示

这个小LOGO叫做网页图标或者收藏夹图标，不用修改html文件。

一般的规格为32×32、48×48、64×64、128×128，用PS做一个，然后改名为favicon.ico，一定要扩展名也改，然后用FTP软件上传到网站的根目录替换原来的就可以了。

Favicon是favoritesicon的缩写，亦被称为websiteicon（网页图标）、pageicon（页面图标）或urlicon（URL图标），Favicon是与某个网站或网页相关联的图标。

扩展资料

制作Favicon.ico的方法相当简单：

第一步，利用图形工具创建2个反映网站主题的256色的小图片，1个为32×32像素、另一个为16×16像素。需要注意的是，调色板要选用“Windows默认调色板”，不然，在最终的效果展示中图形可能会发生迥异于您初衷的颜色上变化。

在很多关于Favicon.ico的说明中，常见到要求图片为16色的说法，应该说这类说法大大过时，在早期如Windows95时期，16色的Favicon.ico可能是个稳妥的选择，保证其在大多数情况下正常使用，但现在，完全不存在那类限制，16色只能使图标的展示效果大大降低。

第二步，使用如Image2Ico之类的小程序即可将2张图片转换到一个Icon文件中。也可以通过可以在线制作收藏夹图标的网站来制作，不过，需要注意的是，这个网站要求图片源文件格式为Pic。

Q4: html5怎么用 i标签做小图标

这是一个示例，可以试着先在阿里巴巴图标将图标加入购物车，然后再下载代码，将文件加压后，引入iconfont.css文件，在i标签中class属性名为iconfont，style样式可以自定义图标的大小和颜色，这里“#xe782;”为一个问号的代码。页面显示的为一个红色的问号。i标签做图标的好处就是将图片文字化，还有其他的方法就是通过i标题的伪类来显示图标，配合 ::before 或者::after伪元素实现，因为没有内容，读屏器不会朗读（这样即使有特殊处理也跳过了），机器理解起来应该也没什么影响。使用伪类的好处就是：插入的内容在页面的源码里是不可见的，只能在css里可见。

Q5: html/css问题 如何给超链接a标签增加小图标？

在前台页面设计中，为了实现更好的页面效果，我们可以在超链接文字前加上合适的小图标，从而给用户更好的视觉体验。

[html] view plain copy

!DOCTYPE html

html lang="zh-cn"

head

meta charset="UTF-8"

titleDocument/title

style

a{

display:inline-block;

width: 100px;

height:40px;

background: gray url(../img/logo.png) no-repeat fixed 10px center;

text-indent:35px;

}

/style

/head

body

a href=""百度/a

/body

/html

备注：

background 简写属性在一个声明中设置所有的背景属性。

可以设置如下属性：

background-color

background-position

background-size

background-repeat

background-origin

background-clip

background-attachment

background-image

如果不设置其中的某个值，也不会出问题，比如 background:#ff0000 url('smiley.gif'); 也是允许的。

通常建议使用这个属性，而不是分别使用单个属性，因为这个属性在较老的浏览器中能够得到更好的支持，而且需要键入的字母也更少。

html标签上的图标的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html 图标、html标签上的图标的信息别忘了在本站进行查找喔。