html导航栏怎么添加logo?

html导航栏怎么添加logo?,第1张

先把logo转换成后缀名是ico的图片,然后在网页头部,也就是<head></head>中间放上<linkrel="shortcuticon"type="image/x-icon"href="images/favicon.ico"media="screen"/>这一段代码,注意图片路径一定要写对,绝对路径或者相对路径都没关系,然后就OK了

以前在远标学过网站上的logo实际上是一个“favicon.ico”图片。

实现步骤:

第一步:制作favicon.ico,大小为16*16毫米;

第二步:将“favicon.ico”放到项目的根路径下。

第三步:在所有html页面head中添加如下代码。

//收藏用logo图标

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

//网站显示页logo图标

<link rel="shortcut icon" href="favicon.ico">

第四步:直接打开html页面,打开方式为常用的浏览器即可。效果如图


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11218542.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-14
下一篇 2023-05-14

发表评论

登录后才能评论

评论列表(0条)

保存