Fortschritt im Lernpfad

0 von 14 abgeschlossen (0%)

Modul 2: Texte strukturieren

lock
Bevorstehend

Lerne, wie du Texte mit Überschriften, AbsĂ€tzen und Listen richtig strukturierst

Ziele dieses Moduls
  • Sie koennen Texte mit Überschriften-Hierarchie, AbsĂ€tzen und Listen strukturieren
    Anwenden

Nachdem du die Grundstruktur von HTML kennst, lernst du jetzt, wie du Texte sinnvoll strukturierst. Gute Struktur macht Webseiten lesbar und zugÀnglich.

Überschriften-Hierarchie

HTML bietet sechs Überschriften-Ebenen: <h1> bis <h6>. Die <h1> ist die wichtigste Überschrift (wie ein Buchtitel), <h2> sind Kapitel, <h3> Unterkapitel usw.

Wichtig: Verwende pro Seite nur eine <h1> und halte die Reihenfolge ein (springe nicht von h2 zu h4).

<h1>Mein Lieblings-Rezept: Spaghetti Carbonara</h1>

<h2>Zutaten</h2>
<p>FĂŒr 4 Personen benötigst du folgende Zutaten.</p>

<h3>Hauptzutaten</h3>
<ul>
    <li>400g Spaghetti</li>
    <li>200g Pancetta oder Speck</li>
    <li>4 Eigelb</li>
    <li>100g Parmesan</li>
</ul>

<h3>GewĂŒrze</h3>
<ul>
    <li>Salz</li>
    <li>Schwarzer Pfeffer</li>
</ul>

<h2>Zubereitung</h2>
<ol>
    <li>Wasser zum Kochen bringen und Spaghetti al dente kochen</li>
    <li>Pancetta in der Pfanne knusprig braten</li>
    <li>Eigelb mit Parmesan verrĂŒhren</li>
    <li>Alles vermischen und mit Pfeffer wĂŒrzen</li>
</ol>

Listen in HTML

Es gibt zwei Arten von Listen:

  • Ungeordnete Listen (<ul>): FĂŒr AufzĂ€hlungen ohne Reihenfolge (Bullet Points)
  • Geordnete Listen (<ol>): FĂŒr nummerierte Schritte oder Ranglisten

Jedes Listenelement steht in einem <li>-Tag (list item).

Challenge

Übung: Dein Lieblings-Rezept

Erstelle eine HTML-Seite fĂŒr ein Rezept deiner Wahl. Die Seite soll enthalten:

  • Eine <h1> mit dem Rezeptname
  • Eine <h2> fĂŒr den Abschnitt 'Zutaten' mit einer ungeordneten Liste
  • Eine <h2> fĂŒr 'Zubereitung' mit einer nummerierten Liste (Schritt-fĂŒr-Schritt)
  • Optional: Eine <h3> fĂŒr Unterkategorien bei den Zutaten

Kreativ werden: WÀhle ein Rezept, das dir wirklich gefÀllt - Pizza, Smoothie, Kuchen, oder sogar ein Sandwich!

Note

Tipp: Schau dir echte Rezept-Websites an (z.B. Chefkoch.de) und beobachte, wie dort Überschriften und Listen verwendet werden. Das ist ein guter Weg, um zu lernen!