时间戳

首页 > 解决方案 > 我的 jpg 和 png 图像没有显示在我的浏览器上？

html - 我的 jpg 和 png 图像没有显示在我的浏览器上？

问题描述

所以我有一个徽标，我想在浏览器中以 HTML 格式显示，我已经尝试将其作为 jpg 和 png 格式，但都不起作用。她是我的代码：

    <html>
  <body>

    <head>
    <title>astro blog pro</title>
    </head>

    <img src="Astro Blog Pro Logo.png" />

   </body>
</html>

标签： htmlimagepngjpeg

解决方案

首先：您的<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”

见：https ://www.w3schools.com/tags/ref_urlencode.ASP

推荐阅读