🛠️Aufgaben Bilder

  1. Erstelle eine neue HTML-Datei media.html mit dem bekannten HTML-Grundgerüst.

  2. Erstelle darin ein <main>-Element mit einer Überschrift 1 und drei <article>-Elementen. Diese Elemente sollen jeweils eine Überschrift 2 enthalten ("Bilder", "Videos", "Audios").

  3. Probiere darin die beschriebenen Medien-Elemente aus:

    • Bilder einbinden, inkl. Lazy-Loading

    • Responsive Bilder: Teste <picture> mit WebP- und JPEG-Versionen

  4. Zusatzaufgaben für schnelle Lernende:

    • Erstelle eine Galerie mit Bildbreite 33%. Schau im Internet nach, wie sie automatisch sinnvoll nebeneinander / untereinander angeordnet werden können

Last updated

Was this helpful?