Question

在我公开之前，我正在测试我的页面的最后步骤。我的主页上显示的图像存在问题。它看起来像一个破碎的链接，但我不知道为什么它没有出现。我的所有其他页面多媒体链接都正常工作。有问题的图片是Beer.jpg。

HTML

<!DOCTYPE html>

<html lang="en">
<head>
    <!-- The Homebrewery
        Author: Chris Stastny
        Date: October 27th, 2015
    -->

  <meta charset="utf-8">
  <title>The Homebrewery - Homebrewing</title>
  <meta name="description" content="The Homebrewery - Homebrewing">
  <meta name="author" content="Chris Stastny">
 <link href="final.css" rel="stylesheet" type="text/css" />

 <script src="modernizr-1.5.js"></script>
 <script src="beerStyle.js"></script>

 </head>
 <header>
  <h1> The Homebrewery</h1>
    <nav>
      <ul>
        <li><a href="About.htm">About</a></li>
        <li><a href="Equipment.htm">Equipment</a></li>
        <li><a href="BrewLog.htm">Brew Log</a></li>
        <li><a href="Links.htm">Links</a></li>
        <li><a href="Newsletter.htm">Newsletter</a></li>
     </ul>
    </nav>
</header>
<body>
  <h2>Greetings!</h2>

    <div id="dateBox">
        Today's Beer Style is: 
       <script>
  document.getElementById("dateBox").innerHTML+=style[new Date().getUTCDate()];
        </script> 
    </div>   
   <br>   
   <img src="Beer.jpg" alt="beer" />

  <p>This website was built to keep people informed about my homebrewing adventures. It will have brewday pictures, videos (possibly) in the future, recipes and general homebrewing information. There is also a newsletter that you can sign up for that will go into more detail about what is going on with my brewing.</p>

   <br>
   <footer>The Homebrewery - Homebrewing - 2015</footer>  

</body> 


</html>

Answer 1

检查是否： -image在同一个文件夹中 - 图像称为Beer.jpg而不是beer.jpg - 再次打开ftp文件夹中的文件，检查它是否与您在此处发布的内容相同

图像未出现在网页上

1 个答案: