Img niet zichtbaar in preview HTML-Kit en browser

Hallo,
Ik ben dus nieuw op dit forum en net begonnen met het volgen van een HTML cursus.
Nu werk ik met de HTML-Kit en probeer foto's toe te voegen aan mijn pagina.
Natuurlijk <img src="denaam.jpg"> en staan de foto's in dezelfde map als de opgeslagen html bestanden ook als jpeg formaat en met .jpg erachter.
Maar ik blijf een zwart kruisje bij de foto zien in de preview en in de browser.
Hebben jullie tips voor me?

Hoi,
Welkom op dit forum
Probeer eens volgende
width en height aanpassen aan uw foto

Greetz

Cookies van je browser al ververst?

Hi,
Dank je wel en dank je voor de tips maar ook dit mocht helaas niet baten..
Ik krijg nog steeds een zwart kruisje terwijl het bij een andere voorbeeld HTML wel zichtbaar is

Hoi,
Heb je de cache van je browser al leeggemaakt? Probeer ook eens een andere browser.
Greetz

Hi,
Ik ben erachter gekomen dat de fout zich voordoet zodra ik de fotonaam verander. Dus een img genaamd bij de datum dat hij is gemaakt bijvoorbeeld, kan ik geen andere naam geven als ik hem in HTML wil gebruiken?
Groetjes Sara

De bestandnaam moet in de HTML-code gelijk zijn.

Klopt, alleen stel ik verander de naam van de foto of als ik de foto kopieer naar de HTML map, staat er een zwart kruisje. Dus alleen wanneer ik de originele foto met de originele naam gebruik wordt hij weergegeven. Hoort dat zo? Is namelijk best onhandig wanneer ik gesorteerd te werk wil gaan...

Beste Sara87,

Allereerst welkom op het forum !

Om ervoor te zorgen dat uw foto juist wordt weergegeven dient de url bij de src hetzelfde te zijn als uw bestandsnaam.
Stel even voor dat de foto in de map "images" zit en bloemetje.jpg heet.

Als we dan het volgende stukje html pakken:


Zolang de foto bloemetje.jpg heet zal hij de eerste foto netjes tekenen, noemen we de foto "nieuwenaam.jpg" dan zal hij netjes de 2de foto tekenen.

U kunt ook het voorbeeldbestand downloaden: Bekijk bijlage html.zip.
Daarin kunt u zien hoe de juiste code is opgebouwt.

Let er overigens op dat bij windows de extentie .jpg vaak verborgen wordt. Als je de foto dan bloemetje.jpg noemt wordt dit: bloemtje.jpg.jpg, en dan gaat het fout. Wil je toch alle extensies zien dan kunt u de volgende stappen volgen om ze weer te geven: http://windows.microsoft.com/nl-nl/...ions#show-hide-file-name-extensions=windows-7

Voor meer informatie over de img tag kunt u mijn (inmiddels sterk verouderde, maar nog relevante) video bekijken:
[video=youtube;rT9jAEHOGiU]https://www.youtube.com/watch?v=rT9jAEHOGiU[/video]