Question

我的HTML：

<!DOCTYPE html>
<html lang="en">
   <head>
      <link rel="stylesheet" href="Poka.css" type="text/css">
      <meta charset="utf-8"/>
      <title> Pokaface Portfolio  </title>
   </head>
   <body>
      <header>
         <img src="/Images/VancouverClouds.png" alt="BackgroundImage" style="width:128px;height:128px" />
         <nav>
            <a href="">Home</a>
            <a href="">About Me</a>
            <a href="">Portfolio</a>
            <a href="">Contact</a>
         </nav>
         <h1>
            <span>POKAFACE</span>
         </h1>
         <p class="catch-phrase">
            TWO SIDES TO A STORY
         </p>
         <p class="kicker">
            WEB-DESIGN//PHOTOGRAPHY//VIDEOGRAPHY
         </p>
      </header>
   </body>
</html>

Answer 1

如果它是您的索引文件，请从图片路径中删除/，如果它是内部页面，则在..之前添加/

Answer 2

<img src="/Images/VancouverClouds.png" alt="BackgroundImage" style="width:128px;height:128px" />

使用

如果images文件夹位于您的应用程序文件夹下，请使用"~"（相对路径）

<img src="~/Images/VancouverClouds.png" alt="BackgroundImage" style="width:128px;height:128px" />

如果它位于您的应用程序文件夹之外，则需要使用完整图像路径

希望这有帮助

Answer 3

我猜它是首都。尝试使用src =“images / VancouverClouds.png”

图像不适用于我的HTML！有人可以解释什么是错的？

3 个答案: