html - html图片没有出现

Question

我有以下代码行：

<IMG SRC= "Home.png">

我直接从我工作的代码的不同部分复制了这个。但是，现在主页图像不会显示在我的网站上。它说它打印它，但它不可见。这是怎么回事？

编辑：

if(isset($_SESSION['userInfo']['username'])){
    echo '<div class = "header"><a href = "mainPage.php"><IMG SRC= "Home.png" ALT="image"></a>  
    <a href = "myProfile.php"><IMG SRC= "ViewProfile.png" ALT="image"></a>  <a href="cartContents.php"><IMG SRC= "ViewCart.png" ALT="image"></a>';
    echo '</div>';
else{
    echo '<div class = "header">
    <IMG SRC= "Home.png">
    <IMG SRC= "FAQ.png"></div>';
  }

Answer 1

您缺少if语句}的右括号。这可能是问题所在。

尝试这个...

if(isset($_SESSION['userInfo']['username'])){
    echo '<div class = "header"><a href = "mainPage.php"><IMG SRC= "Home.png" ALT="image"></a>  
    <a href = "myProfile.php"><IMG SRC= "ViewProfile.png" ALT="image"></a>  <a href="cartContents.php"><IMG SRC= "ViewCart.png" ALT="image"></a>';
    echo '</div>';
} else {
    echo '<div class = "header">
    <IMG SRC= "Home.png">
    <IMG SRC= "FAQ.png"></div>';
  }

Answer 2

尝试

<div class="header">
  <img src="Home.png"/>
  <img src="FAQ.png"/>
</div>

Answer 3

它是浏览器上损坏的图像图标吗？

一件事可能是 Home.png 在另一个目录中。您是从同一个文件或另一个文件（可能位于另一个目录中）复制此代码吗？如果您从位于另一个目录的文件中复制此代码，则需要相应地格式化图像源链接。

例如，假设您有这样的目录结构：

-index.htm（文件）-Home.png（文件）-js（目录）-css（目录）-pages（目录）---example.htm（文件在Pages目录中）

如果您随后将代码从 index.htm 文件复制到位于 pages 目录中的 example.htm，您将需要修改 example.htm 页面中的链接，如下所示：

<img src="../Home.png" />

请注意“..”，它告诉浏览器从您的 html 页面所在的位置向上查找一个目录。

Answer 4

确保图像和文件在同一个文件夹中，并确保图像首页的名称以 H 为大写字母