未在网页上出现图片

我在公开发布之前正在测试我的页面的最后步骤。我的主页上的图像出现问题。它看起来像一个断开的链接，但我不知道为什么它不显示。我所有的其他网页多媒体链接都正常工作。有问题的图片是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>

来源

2015-11-06 Ph1shPhryd

仔细检查以确保图像与你的html和双重检查拼写在同一个文件夹？ –

试试这个''并用小写字母写下你的图片名称。 –

这很简单。要么图像存在于服务器上，要么不存在，如果存在，则可能是路径错误。 – j08691

检查： - 图像是在同一文件夹 -the图像被称为Beer.jpg而不是beer.jpg - 开放再次在您的FTP文件夹中的文件，并检查是否这与你在这里发布的内容是一样的

来源

2015-11-06 20:59:51

未在网页上出现图片

回答

相关问题