HTML图像不会出现

beefstew2011 发表于 Dev

Beefstew2011

我正在使用以下代码尝试将自己的图像放入我的个人网站：

    <!DOCTYPE html>
<html>

    <head>
        <title>My Page</title>
    </head> 
    <body>
        <center>
        <img src = "/photos/mainphoto.jpg" alt = "Test Image"/>
        <h1>My Page</h1>
        <hr />
        <p> To be updated.</p>
        </center>
    </body>

</html>

photos目录与html页面位于同一目录中。我尝试将照片放置在与html页面相同的目录中，但它不起作用。我尝试使用.JPG而不是.jpg。我尝试执行没有alt标记的代码。我尝试在文件路径中使用反斜杠而不是正斜杠。我在文件名中寻找错别字，但没有。我觉得我当前的代码应该没有问题。但是图像绝对不会出现。任何想法或帮助将不胜感激。

编辑：我已经更正了上面的代码，以解决一个基本错误，即将身体放在我的头部内部，而不是将两者分开。图片仍然不显示。

孟加拉

HTML结构必须为：

<html>
  <head>
  </head>
  <body>
  </body>
</html>

您正在将body标签放入head标签中。

另外，如果images目录与html位于同一目录，则需要删除第一个斜杠，只需使用 photos/mainphoto.jpg

因此，您可以尝试：

<!DOCTYPE html>
<html>
  <head>
    <title>My Page</title>
  </head>
  <body>
    <center>
      <img src="photos/mainphoto.jpg" alt="Test Image"/>
      <h1>My Page</h1>
      <hr />
      <p> To be updated.</p>
    </center>
  </body>
</html>

另外，我建议您不要在等号之前或之后使用任何空格，这是好的做法。

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。