de:modul:ffit:2-jahr:css:learningunits:lu01:aufgaben:display

LU01.A02 - Display

Sie haben die Grundlagen gelesen.

  1. Erstellen Sie die Dokumente `index.html` und `style.css`.
  2. Kopieren Sie die folgende Vorlage in Ihre Dokumente:
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <div class="container">
            <div class="logo">Item 1</div>
            <div class="nav">
                <div class="nav-item">Item 1</div>
                <div class="nav-item">Item 2</div>
                <div class="nav-item">Item 3</div>
            </div>
        </div>
    </body>
    </html>
  3. Verlinken Sie das `syle.css` in Ihrem HTML-Dokument.
  4. Gestalten Sie Ihr HTML-Dokument gemäss Vorgabe.
Was Beschreibung
Produkt: HTML-Seite mit CSS Flexbox
Zeit: 15 Min.
Sozialform: Einzel- oder Partnerarbeit
Arbeitsmittel: Unterrichtsunterlagen, HTML-Editor, Browser
  • de/modul/ffit/2-jahr/css/learningunits/lu01/aufgaben/display.txt
  • Zuletzt geändert: 2025/08/20 19:47
  • von kdemirci