🎄Willkommen zum 5. Türchen🎄

– füge ein schönes Weihnachtsbild hinzu –

Wow, deine Webseite hat jetzt schon eine bunte Überschrift und einen eigenen Grußtext!
Heute machen wir sie noch schöner: Du fügst ein richtiges Weihnachtsbild ein!

📝 Aufgabe

Du suchst dir ein schönes Weihnachtsbild aus und baust es in deine Webseite ein uns so machst du das:

Suche dir ein schönes Weihnachtsbild aus (z. B. auf dem Computer oder im Internet).
Speichere das Bild in deinem Projektordner:
moritz-weihnachtsseite
Benenne das Bild um in:
weihnachten.jpg
Öffne jetzt wieder deine Datei index.html im VisualStudioCode.
Füge unter deinem Grußtext diesen Code ein:

<img src="weihnachten.jpg" width="300">

🌟 Tipp

🎨 Du kannst dein Bild auch größer oder kleiner machen:

<img src="weihnachten.jpg" width="200">  <!-- klein -->
<img src="weihnachten.jpg" width="400">  <!-- groß -->

Jetzt speichere deine Datei und öffne sie wieder im Browser. Wenn alles richtig ist, siehst du jetzt dein eigenes Weihnachtsbild auf deiner Webseite! 🎉

🎯 Tagesziel erreicht

Du hast ein Bild in deine Webseite eingebaut
Du hast gelernt, wie Bilder im Internet angezeigt werden
Deine Webseite sieht jetzt richtig weihnachtlich aus

🎁 Morgen machen wir deine Webseite noch schöner – dann kommt richtiges Design mit einer eigenen Design-Datei (CSS)! 🎨✨