html如何在浏览器标签显示网站logo?

html-css0120

html如何在浏览器标签显示网站logo?,第1张

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

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

Favicon是favorites icon的缩写,亦被称为website icon(网页图标)、page icon(页面图标)或urlicon(URL图标),Favicon是与某个网站或网页相关联的图标。

扩展资料

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

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

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

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

参考资料百度百科--Favicon

li标签在html中大多作为导航或信息列表的结构。其实li配合list-style-type和list-style-position可以方便的设置小圆点或三角箭头。注意list-style-position: inside需要设置为inside设置在盒模型内才能生效。

除去list-style-type设置图标,可以用常规的relative配合absolute来设置箭头或者圆点等。