Bild kommt nicht in der Website von HTML-Skript

Question

Ich bin neu in HTML. Unter Verwendung der Website www.Codepen.io habe ich eine Website erstellt, die HTML verwendet, um ein paar PNG-Bilder, Kopfzeilen und Absätze zu erstellen. Aber leider erzeugt alles auf der Website nur die Bilder. Ich bin mir nicht sicher warum. Müssen wir die .png-Dateien in demselben Bereich speichern, in dem sich die .html-Datei befindet? Wenn wir die .html-Datei von Codepen speichern müssen, wie machen wir das? Mache ich etwas falsch beim Schreiben des Skripts?

S. Anhang Referenz:

<div> 
<h1>Rohit's page of Interests</h1> 
<img src = "/Users/Roys_laptop/Desktop/Java/java_logo.png" id = "Java logo" /> 
<p>My aim is to become a Java Developer one day.</p> 
</div> 
<div> 
<h1>My Interests</h1> 
<img src = "/Users/Roys_laptop/Desktop/Java/nfl_logo.png" id = "NFL 
    logo" /> 
<p> I am a very big football fan. I love and root for the Cinncinnati 
    Bengals </p> 
<img src = "/Users/Roys_laptop/Desktop/Java" id = "Cinncinnati Bengals" /> 
</div> 

Answer 1

Es scheint, als ob Sie versuchen, Bilder von Ihrem Computer greifen anzuzeigen. Ihre Bilder müssen irgendwo im Internet gehostet werden, damit sie angezeigt werden können.

Codepen.io bietet Asset-Hosting, aber nur, wenn Sie eine Pro-Mitgliedschaft haben. Dieser Link führt dazu mit mehr Details: https://blog.codepen.io/documentation/pro-features/asset-hosting/

Bilder müssen nicht an der gleichen Stelle wie eine HTML-Datei sein. In der Webentwicklung ist es üblich, Bildern einen eigenen Ordner zu geben, damit sich alle Bilder am selben Ort befinden. This thread diskutiert Best Practice für Website-Struktur.

Wie für die tatsächliche Verknüpfung des Bildes, this thread diskutiert, dass im Detail.