HTML5ページにpngファイルが表示されない

小さなWebページを作成しました。私はindex.htmlと同じ場所にpngファイルを置いた。しかし、それは表示されていません。HTML5ページにpngファイルが表示されない

<!DOCTYPE html> 
<html> 

    <head> 
    <title>Welcome to Learners lingo!! </title> 
    <meta charset=“UTF-8”/> 
    <link rel=“stylesheet” href=‘styles.css’ type=“text/css” > 
    <meta name=“viewport” content=“width=device-width, initial-scale=1.0”> 


    </head> 
    <body bgcolor="#e6ecff"> 
    <header class=“mainHeader”> 
     <img src=‘logo.png’ alt=“logo” width="42" height="42"> 


     <nav><ul> 
      <li><a href=“#”>Home</a></li> 
      <li><a href=“#”>About</a></li> 
      <li><a href=“#”>Course material</a></li> 
      <li><a href=“#”>Nasty Things</a></li> 
      <li><a href=“#”>Contact</a></li> 
     </ul></nav> 
    </header> 

    <div class=“mainContent”> 
     <div class=“content”> 
      <article class=“top content”> 
       <header> 
        <h2><a href=“#” title=“First Post”>First Post</a></h2> 
       </header> 
       <footer> 
        <p> class=“post-info”>This post is written by Me !</p> 
       </footer> 
       <content> 
        <p> Just this is one of the main content </p> 
       </content> 
      </article> 
     </div> 
    </div> 

    <aside class=“top-side-bar”> 
     <article> 
      <h2> Top side bar</h2> 
      <p> This is just a side bar </p> 
     </article> 
    </aside> 

    <aside class=“middle-side-bar”> 
     <article> 
      <h2> Middle side bar</h2> 
      <p> This is just a side bar </p> 
     </article> 
    </aside> 

    <aside class=“Bottom-side-bar”> 
     <article> 
      <h2> Bottom side bar</h2> 
      <p> This is just a side bar </p> 
     </article> 
    </aside> 

    <footer class=“Main Footer”> 
     <p> Copyright &copy; <a href=“http://www.learnerslingoo.net”> Learners Lingoo </a> </p> 
    </footer> 
    </body> 

</html>

は、誰かが画像が表示なっていない理由を私は理解して助けてもらえ：

は、ここに私のhtmlコードです。私は数時間から解決しようとしていますが、間違いが何であるかはわかりません。ファイル名は正しいです。シンプルlogo.png

出典

2016-10-15 Naga Vemprala

この画像はエディタで開くことができますか？ –

はい、エディタで画像を開くことができます。私はちょうどそれを私のタブにドラッグし、それは適切に表示されました –

イメージを右クリックし、イメージの場所をコピーします。ブラウザでこの場所を開きます。 – selami

あなたは、通常のシングル（'）または二重（"）引用符、いない“または‘を使用する必要があります。

<img src="logo.png" alt="logo" width="42" height="42"> 
<!--Here-^--------^-----^----^ -->

出典

2016-10-15 19:31:49 Mureinik

さらに、彼は引用符の間違ったタイプをHTML文書全体で何回も使用しました。 –

が

src=‘logo.png’

からあなたの引用記号を変更します

src="logo.png"

出典

2016-10-15 19:33:14

HTML5ページにpngファイルが表示されない

答えて

関連する問題