@Marc

[Rolf B]

Hallo liebewinter (oder Joseba :) ),

<img style="max-width: 100%;height: auto;" src="/home/me/Document/HTML/work/my2.png" alt="header" />

Das ist nur eine Zeile, aber dazu kann man viel sagen:

1. max-width und height stellst Du besser über die CSS Datei ein. Das style-Attribut kann man verwenden, wenn man mit JavaScript den Seiteninhalt ändert (aber class ist besser).
2. Wenn das Bild den <header> Bereich ausfüllen soll, dann ist es vielleicht besser ein background-image (CSS) statt ein <img> Element.
3. Die src-Angabe sieht falsch aus. Das ist ein absoluter Pfad, und er gilt auf deinem eigenen Computer. Wenn das Projekt an einen anderen Ort kopiert wird, oder wenn die Seite über einen Webserver ausgeliefert wird, funktioniert das nicht mehr. Man soll eigene Ressourcen immer mit relativen Pfaden laden. Relativer Pfad bedeutet: Der Browser beginnt bei dem Ordner, in dem die Datei steht, die die Ressource laden will. Der Unterschied zwischen absolutem Pfad und relativem Pfad ist das '/' zu Beginn.
   UND es ist gut, wenn Ressourcen in eigenen Ordnern stehen.
   Wenn die HTML Datei im Verzeichnis /home/me/Document/HTML/work steht, und das Bild in /home/me/Document/HTML/work/images, dann kannst Du es mit <img src="images/my2.png" alt="header"> laden. Wenn du das Bild mit CSS als Hintergrundbild lädst, und die CSS Datei in /home/me/Document/HTML/work/css gespeichert ist, dann würdest Du
   header { background-image: url(../images/my2.png); } schreiben (und noch ein paar background- Eigenschaften mehr, damit es richtig angezeigt wird).
   Ein .. in einem Pfad bedeutet: Gehe im Verzeichnis-Baum eine Stufe nach oben.

Rolf