所以我有一个要在HTML浏览器中显示的徽标,我已经尝试过将其作为jpg和png来使用,但这两个都不起作用。她是我的代码:
<html>
<body>
<head>
<title>astro blog pro</title>
</head>
<img src="Astro Blog Pro Logo.png" />
</body>
</html>
您必须将alt属性添加到img标签。为了使图片正常工作,如果找不到src图像,则必须显示备用图像或名称。
例如:
<img src="img.png" alt="This is my image" />
使用alt属性时,您可以随意命名。如alt表示替代。
另一个可能不起作用的原因:该图像可能与HTML文档不在同一文件夹中。您应该将所有文档移到同一文件夹中。
如果使用在线IDE,则没有解决方案,因为只能使用带有URL的在线图像。
首先:您在<head>
标记内有一个<body>
标记,该标记已被使用(在所有HTML标准中)。您应该阅读有关html文档结构的基础知识。
例如,您可以检查语法https://www.freeformatter.com/html-validator.html(有很多语法检查器,如果您使用(Linux),也有命令行检查器)。
这应该起作用:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" >
<title>astro blog pro</title>
</head>
<body>
<img src="Astro_Blog_Pro_Logo.png" alt="put image description here"/>
</body>
</html>
和顺便说一句:做不使用空格,因为<img>
是资源,浏览器将解析该资源,并且空格映射到%20,因此“ Astro Blog”成为“ Astro%20Blog”