HTML in Netbeans Bild nicht

*{ 
 
    margin: 0px; 
 
    padding: 0px; 
 
} 
 
.container{ 
 
    background-color:#999999; 
 
    width:100%; 
 
    margin-top: 10px; 
 
} 
 
.wrapper{ 
 
    margin-top: 50px; 
 
    width:900px; 
 
    margin:auto; 
 
} 
 
.dark{ 
 
    background-color: #FF4500; 
 
    height: 40px; 
 
    margin-top: 40px; 
 
} 
 
#top_div{ 
 
    line-height: 40px; 
 
} 
 
#div2{ 
 
    height: 220px; 
 
}

oben erwähnt in Browser zeigt ist meine CSS-Datei

<html xmlns="https://www.w3.org/1999/xhtml"> 
 
    <head> 
 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
 
     <title>My static web Page</title> 
 
     <link type="text/css" rel="stylesheet" href="css1.css"/> 
 
    </head> 
 
    <body> 
 
     
 
     <div class="container"> 
 
      <div class="wrapper"> 
 
       <div> 
 
        <img src="img.png" width="400" height="400" ></img> 
 
       </div> 
 
      </div> 
 
     </div> 
 
     
 
     <div class="dark"> 
 
      <div class="wrapper" id="top_div"> 
 
       <h2>The Origin</h2> 
 
      </div> 
 
     </div> 
 
     
 
     <div class="container"> 
 
      <div class="wrapper" id="top_div"> 
 
This is my styled paragraph 
 
      </div> 
 
     </div> 
 
     
 
    </body> 
 
</html>

Es zeigt nur das Bildsymbol und kein Bild wird auf Browser gesehen. Ich habe das Bild in einen Ordner innerhalb des Projektverzeichnisses eingefügt. Was ist der richtige Weg, um ein Bild hinzuzufügen, erklären Sie bitte.

Quelle

2017-06-17 Ayushi Indani

Seien Sie sicher, dass Sie den richtigen Weg (zB: relative ./your_file.png

<div> 
    <img src="./img.png" width="400" height="400" ></img>> 
</div>

Quelle

2017-06-17 16:14:06 scaisEdge

<div> 
<img src="./foldername/imagename.png" width="400" height="400" /> 
</div>

Quelle

2017-06-17 16:16:42

immer noch nicht funktioniert :( –

Below Codezeile bedeutet, Ihre Bilddatei img.png in demselben Ordner befindet, in dem Sie html Datei gespeichert.

<img src="img.png" width="400" height="400" ></img>

Wenn es dann in anderen Ordner gespeichert ist, können Sie den zugehörigen Pfad wie

etwas bieten

src="../foldername/img.png"

Quelle

2017-06-17 16:17:38 Ravi

Ich habe versucht, die temporären Dateien von% temp% Befehl zu löschen, und es hat funktioniert!

Quelle

2017-06-17 18:00:28

Wenn Sie zwei verschiedene Ordner für die HTML-Dateien und Bilder aktualisieren Sie den img-Tag wie folgt:

<img src="../images/img.png" width="400" height="400" ></img>

wo „Bilder“ ist der Name des Ordners, in dem Sie Ihre Bilder platziert werden.

Quelle

2017-06-17 18:02:10

HTML in Netbeans Bild nicht

Antwort

Verwandte Themen