HTML 图像不显示答案

【问题标题】：HTML images not displayingHTML 图像不显示
【发布时间】：2013-09-07 18:36:36
【问题描述】：

我在基于 HTML 的页面的正文中有这段代码： <img style="float: right; margin-left: 10px; margin-bottom: 5px;" scr="tumblr.png" height="30px" width="30px">

理想情况下，它应该在右上角显示一个 Tumblr 图标。但是，当我在浏览器中查看它时，我只看到一个带有灰色轮廓的白框。无论出于何种原因，图像都不会显示。（我知道这不是命名问题，因为我网站上的不同页面使用相同的图像，并且显示正常。

如果有帮助，这里有一些 CSS：

  #header {
    font-family: Raleway, sans-serif;
    background-color:FFF;
    color: #000;
    position:fixed;
    top:0%;
    width:70%;
    left:12%;
    height:17%;
    padding-left:3%;
    padding-right:3%;
    padding-top:2%;
    padding-bottom:1%;
  }

  #header_right {
    font-family: Raleway, sans-serif;
    text-align: right;
    float:right;
    vertical-align:middle;
    margin:0;
  }

我错过了什么？

【问题讨论】：

标签： html css image icons

【解决方案1】：

您可能不再从事此工作了。但如果你是，你的标签中有错字。

你有：scr="tumblr.png" 应该是：src="tumblr.png"

如果这仍然不起作用，您需要确保您的路径正确。如果 tumblr.png 与您的 html 文件位于同一目录中，它将起作用。

但如果您在图像目录中有 tumblr.png，则需要：src="images/tumblr.png"

【讨论】：