Subscribe
Notify of
7 Answers
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
regex9
2 years ago

The small picture is a placeholder from the browser if an image should be rendered at the place, but (still) could not be loaded.

First check if you used the right quotation marks. English quotation marks should be: " (Shift + 2).

If this fits, the file path would be checked:

  • The head.jpg file must be in the same directory as the HTML file.
  • The image file must have the same name as in the HTML code. This also includes the large/small spelling. For your operating system, activate the display of file extensions (if disabled) or open the file properties in the file explorer and see if the file is actually just Head.jpg.

Once again reload the website with Ctrl + F5 (reload without a browser cache).

Auxiliary note: Your img -element is incomplete, because it is still missing old age -Attribute. This is used to specify an alternative textual description if the image (still) could not be loaded. Which value fits best is dependent on case, this guide can help you.

Pudelskern666
2 years ago

This happens when the code is faulty.

Either the file path to the image is wrong or the name is wrong.

IMPORTANT: large and small letters are distinguished.

Boot.jpg, boot.jpg and Boot.JPG are different files.

Pudelskern666
2 years ago
Reply to  mischike1

Oh, yeah, your IMG day is bad.

Baerenheini
2 years ago

Img is a self-closing element.

would be right.

The image should be with the name Kopf.jpg in the same folder as the index.html file.

BeamerBen
2 years ago
Reply to  Baerenheini

Yes, but the closing / is optional, so this already fits