Wie mache ich alle Fotos richtig angezeigt?

Question

Ich habe gerade angefangen, HTML und CSS zu lernen und arbeite an einem Thema für meinen Blog. Die meisten Gifs und Fotos werden ohne Probleme angezeigt, aber einige meiner Foto-Posts zeigen nur das an: torn photo Wie mache ich alle Fotos richtig angezeigt? Unten ist die html:

{block:Photo} 
    <div class="post"> 
     <img src="PhotoURL-500}"> 
     {block:Caption}{Caption}{/block:Caption} 
     <ul class="like-reblog"> 
      <li>{LikeButton}</li> 
      <li>{ReblogButton}</li> 
      <li>{block:NoteCount}<a href="{Permalink}#notes">{NoteCount}</a>{/block:NoteCount}</li> 
      <li>{block:Date}<a href="{Permalink}">{Month}&#x2606;{DayofMonth}{DayOfMonthSuffix} {Year}</a>{/block:Date}</li> 
     </ul> 
    </div> 
    {block:PostNotes}{PostNotes}{/block:PostNotes} 
{/block:Photo} 

Hier ist die CSS:

.post { 
    background: #fff; 
    margin: 40px auto; 
    width: 500px; 
    padding: 20px; 
    border-radius: 6px; 
    } 

ich lerne immer noch bin, damit ich etwas verpasst haben.

Answer 1

Dieses Symbol wird normalerweise angezeigt, wenn das Bild nicht gefunden wird (falscher Name, Dateierweiterung, Dateipfad, Datei überhaupt nicht vorhanden oder ähnlicher Fehler). Davon abgesehen, scheint es, wie Sie eine geschweifte Klammer fehlen hier:

<img src="PhotoURL-500}"> 

, die wahrscheinlich sein sollte:

<img src="{PhotoURL-500}"> 

Answer 2

Dies passiert normalerweise mit Verknüpfungsfehlern. Versuchen Sie, das Bild auf eine Website hochzuladen oder die Datei an einen anderen Ort zu verschieben. Und diesen neuen Speicherort für die img verwenden