如何使用html在标题栏中添加图像？登录一些文本_Html_Wamp

如何使用html在标题栏中添加图像？登录一些文本

html

如何使用html在标题栏中添加图像？登录一些文本,html,wamp,Html,Wamp,这是我为在浏览器的新选项卡栏中添加图像而编写的代码。但这是行不通的。如果wamp可能导致问题，我也在使用wamp服务器。根据，与浏览器最兼容的咒语是： <DOCTYPE! HTML> <html> <head> <title>Login</title> <link rel="icon" href="favicon.ico" type="image/x-icon"> </head> <bo

这是我为在浏览器的新选项卡栏中添加图像而编写的代码。但这是行不通的。如果wamp可能导致问题，我也在使用wamp服务器。

根据，与浏览器最兼容的咒语是：

<DOCTYPE! HTML>
<html>
<head>
    <title>Login</title>
    <link rel="icon" href="favicon.ico" type="image/x-icon">
</head>
<body>
    some text

</body>
</html>

之后，您只需担心浏览器是否正在下载图标。服务器日志怎么说？您检查过浏览器网络调试控制台吗？

W3C说：

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


[…]
[…]

看

但请记住：有些浏览器需要一段时间才能意识到存在漏洞——尝试删除cookies并重新打开您的站点！（并且确保图标位于路径：）

在您的html中，您使用了大写字母。您编写它是因为这不正确！！！您的浏览器不会将其理解为html5。

请使用以下命令

1.）选择要在标题栏中设置的图像。
2.）将其转换为“.ico”格式。（您可以在线使用以下链接）
3.）将文件另存为“favicon.ico”，保存在与.html文件相同的文件夹中

4.）将其添加到头部标签中

在标题栏中显示图像很容易。请按照以下步骤操作：

a）首先将图像保存在文件夹中的某个位置，并命名为favicon。 b）然后在html视图的head标记内使用下一行

<!DOCTYPE html 
      PUBLIC "-//W3C//DTD HTML 4.01//EN"
      "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en-US">
<head profile="http://www.w3.org/2005/10/profile">
<link rel="icon" 
      type="image/png" 
      href="http://example.com/myicon.png">
[…]
</head>
[…]
</html>

c）在这里，您必须知道文件的路径，即保存图像的位置 d）保存图像url以代替图像\u url e）保存您的工作。

它可以工作

将此添加到您的头标签中

<link rel="icon" type="image/png" href="image_url" />

尝试以下操作：

<link rel="shortcut icon" href="http://example.com/myicon.png" />

注意：

href

是图像示例的目录。您的图像位于名为“img”的文件夹中，图像名称为“iconimg”，如果是png，请使用

.png

，如果是jpg，则使用

.jpg

。记住在你的文件头上做这件事，而不是在身体上

我刚刚试过这个代码，它对我很有效：

确保为jpg文件键入

type=“image/jpg”

，为png文件键入

type=“image/png”

。如果您尚未下载图像，但知道图像URL，则可以按如下方式键入：

href=“image\u URL”

希望这能回答你的问题：-）

我在angular7项目中试着写下这些行，然后开始工作

<link rel="icon" type="image/png" href="img/iconimg.png" />

请注意，图像文件应为图标格式（.ico）

我检查了控制台，浏览器没有加载图标。。。。如何纠正这个问题？正如@verbose mode所说的，清除缓存并重新加载。如果它没有被请求，那么您的HTML中就有一个解析错误，无法识别它（favicon rel）。如果它没有被加载，那么你可能得到了错误的图标路径。你能详细说明一下吗？看起来你的答案中缺少了一些单词。

<link rel="icon" type="image/x-icon" href="filepath/filename.ico">