`
webcode
  • 浏览: 5940595 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

网页中如何设置在网页地址栏中的小图标(收藏)

 
阅读更多

网页中如何设置在网页地址栏中的小图标:(推荐在线制作:http://free.logomaker.cn/tools/icoMaker.aspx

下面我们就讲讲:

  <link rel="SHORTCUT ICON" href="http://****/*****.ico">

  <link rel="BOOKMARK" href="http://*****/*****.ico">

eg.


这两个代码的作用。

在浏览器地址栏有csdn有一个"圆圈"图标 如何在自己的jsp网页之中设置?

通常做法是:

要预先制作一个图标文件,大小为16*16像素。文件扩展名为ico,然后上传到相应目录中。

在源文件“<head></head>”之间添加如下代码:

<Link Rel=\"ICON NAME\" href=\"http://图片的地址(注意与刚才的目录对应)\">

收藏夹:

favicon.ico

你随便用一种画象素的工具,画一个图标,然后起成这个名字,上传到你所有网页文件的那个文件夹里就行了。

一般都会自动找这个favicon.ico的文件,只要有,就会显示。

并且是根目录下

地址栏的方法:

只是在网页中多加入下面一条代码就行了。

<link rel=”shortcut icon” href=”sample.png” type=”image/x-icon” />

如果手头没有合适的工具制作图片,也可以选择一个自己喜欢的图片,然后到这个网站去自动生成一个。

Favicon,即Favorites Icon的缩写,顾名思义,便是其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。

您是不是也希望为您的网站加上一个体现您的主页的风格和个性的图标呢?其实要实现这一目的非常简单。

第一步,准备一个图标制作软件。

首先您必须了解所谓的图标(Icon)是一种特殊的图形文件格式,它是以 .ico 作为扩展名。普通的图像设计软件无法使用这种格式,所以您需要到一个软件下载站点去下载一个图标制作软件。您也可以访问http://www.bitbug.net/ |http://favicon.tugai.net/,这里提供一个免费的在线“收藏夹”图标生成器,如果您 E 文够好的话,在这里您还可以了解到更多的关于“收藏夹”图标的知识。

第二步,确定“收藏夹”图标的规格。

“收藏夹”图标有着它特有的规格:图标的大小为 16 * 16(以像素为单位);所使用的颜色不得超过 16 色。 (为了清晰)

第三步,设计一个属于您自己的图标。

您可以将您的网站的 LOGO 做成一个缩图或者另外设计一个别具特色的图案来作为“收藏夹”图标。总之,它一定要是属于您自己的,并且能很好的代表您的网站的风格和个性。然后将这个图标文件命名为:favicon.ico。

最后,将这个图标文件(favicon.ico)上传到您的网站所在的服务器的根目录下。

觉得对你有用的话,就收藏下来吧...


分享到:
评论

相关推荐

    ICO转换工具网页中如何设置在网页地址栏中的小图标:

    ICO工具,网页图标可以转换,网页中如何设置在网页地址栏中的小图标: 在浏览器地址栏有csdn有一个"圆圈"图标 如何在自己的jsp网页之中设置? 通常做法是: 要预先制作一个图标文件,大小为16*16像素。文件扩展名为ico,...

    地址栏收藏夹图标设置页面禁止全选复制粘贴及右键

    1、地址栏前换成自己的图标; 2、收藏夹中显示出你的图标. 3、页面全选被屏蔽; 4、防止复制; 5、鼠标右键被屏蔽; 6、输入法被屏蔽; 7、粘贴被屏蔽; 每个功能 1 分,很合理,O(∩_∩)O谢谢合作 QQ:83433857

    55种网页小技巧 ---- 下载无需扣分,具有一定收藏价值

    可以在收藏夹中显示出你的图标 .html 各种样式的光标.html 回车键换行.html 在打开的子窗口刷新父窗口的代码里如何写.html 在网页中用按钮来控制前页,后页和主页的显示.html 在规定时间内跳转.html 在页面中...

    网际畅游 MyIE 3.0 源代码

    你可以为网址定义一个中文或英文的缩写,当你在地址栏中象输入URL一样输入缩写,它将被自动翻译成相应的网址。 一键通:为使你能更快捷的浏览喜欢的网页,你可以使用一键通为F2-F12键定义一个网址。只要你一按F*...

    网页经典代码

    你可以先在FW中做一个图片,属于你自己站点一个小图标。然后在 ACD see将文件属性改为*.ico,然后将你做的*.ICO文件传到你的服务器目录中,然后就可以使用以上代 码来实现,当别人登陆你的站点时,地址栏里使用的...

    JavaScript网页特效范例宝典源码

    实例112 在状态栏中显示日期时间 178 实例113 使用数组显示星期 179 实例114 在表格中显示时间 180 实例115 退出页面时显示停留时间 181 实例116 显示用户在页面的停留时间 182 实例117 显示最后修改时间 183 4.2 ...

    糖果浏览器2.08绿色解压版

    9 当前为空白标签,在地址栏里输入关键词,回车后使用当前页签打开搜索页; 10 文本块超级拖拽变成复制到剪贴板; 11 播放列表选择多首歌曲,复制或移到另一个列表,另一个列表不能立即刷新的bug; 12 增加删除指定...

    傲游浏览器3(Maxthon) 3.1.8.1000 正式版

    * 在收藏栏中的 "更多收藏" 中, 进行快捷组和文件夹的转换时会有延迟. * 某些情况下收藏栏文件夹的鼠标右键菜单会出现闪烁. [下载] * 极速模式直接打开某些 FTP 下载链接时, 会提示无法连接到网站. [资源嗅探器] *...

    谷普浏览器 1.8 绿色中文版

     可以随意拖动地址栏、搜索栏、标签栏、标准按扭栏、小按钮栏并且保存到任意位置,  定制出属于您自己的个性浏览器。  高度界面自定义  可自定义去掉多引擎搜索、在页面查找按钮、高亮关键字按钮和"+"号新建标签...

    谷普浏览器 1.8 正式版

     可以随意拖动地址栏、搜索栏、标签栏、标准按扭栏、小按钮栏并且保存到任意位置,  定制出属于您自己的个性浏览器。  高度界面自定义  可自定义去掉多引擎搜索、在页面查找按钮、高亮关键字按钮和"+"号新建标签...

    IE修复专家

    【4】"IE修复专家工具栏":集成在IE工具栏中,提供一系列方便实用的功能。包括: 1).搜索功能:包括GOOGLE搜索、百度搜索、MP3搜索、软件搜索、电影搜索、新闻搜索等。 2).保存网页:可一键下载保存当前网页。 3)....

    仿百度百家模板源码

    4.首页最新文章数量自定义,同时标题的尾巴一些显目的标识(这个在文章中设置即可,如首发) 5.首页最新文章还有三种格式自定义,包括标注,日志,状态格式(在编辑文章的时候右下角有设置) 6.右侧栏强大的小工具如:...

    Visual C++编程技巧精选500例.pdf

    047 如何在文档类中设置标题栏文字? 048 如何防止在标题栏上显示文档名? 049 如何禁止标题栏的最小化按钮?… 050 如何禁止标题栏的最大化按钮? 051 如何禁止标题栏的关闭按钮? 052 如何获取标题栏的按钮尺寸? 053 ...

    JavaScript实用范例词典04-14

    5.28 改变在浏览器地址栏中显示的 图标... 131 5.29 弹出一个新窗口... 131 5.30 弹出一个无属性栏的窗口... 132 5.31 弹出广告窗口... 133 5.32 弹出多个窗口... 134 5.33 指定弹出窗口的位置(IE) 135 5.34 ...

    Lunascape v6.15.0 多国语言版.zip

    如需切换,请单击左下角的图标或右键单击地址栏旁边的图标。 您可为所有标签以及特定网站设置默认引擎。 可从其他浏览器导入书签、设置等信息 转换非常简单。 您可以继续使用自己喜欢的所有插件、书签和其他设置...

    计算机应用基础练习及答案(1).doc

    翻开"控制面板〞 单击"系统〞 "硬件〞选项卡上单击"设备管理器〞按钮 在"设备管理 器〞窗口的列表中选择当前计算机上安装的56000标准调制解调器设备,击右键,在弹出 的快捷菜单中选择"卸载〞〔或者单击工具栏上的...

    世界之窗 3.5.0.3

    8.修复了设置网页缩放比例后,重启浏览器时状态栏网页缩放比例显示不正确的问题; 9.修复了当前为新建下载窗口时,关闭后台标签可能导致的崩溃问题; 10.修复了在优酷网播放**时可能导致崩溃的问题; 11.修复了某些...

    00018计算机应用基础试题.doc

    在地址栏处右击鼠标,选择"添加到收藏夹"-&gt;"确定" 参考答案:D [单项选择题] 2、在Windows中,关于"快速启动"区中的"快速启动"按钮,正确的说法是() A.由系统自动产生的"快速启动"按钮,既不能删除,也不能添加 B....

    360浏览器 v8.1.1.402官方最新版.rar

    5. 鼠标手势:修复使用鼠标手势关闭标签时,任务栏的浏览器图标会有闪烁的问题 6. 解决xp系统下,拖拽标签时网页缩略图偶尔显示为黑色的问题 360浏览器截图 相关阅读 360浏览器页面下方好搜推荐怎么去掉? ...

    js使用小技巧

    地址栏图标 &lt;link rel="Shortcut Icon" href="favicon.ico"&gt; favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下 收藏栏图标 查看源码 查看网页源代码 onclick="window.location = "view-source:"+ ...

Global site tag (gtag.js) - Google Analytics