Startseite Skripte für das Wintersemester 2017/18 Webdesign Semantic Web Geordnete Listen


Geordnete Listen

Listen, bei denen die Reihenfolge wichtig ist

Die Nummerierung übernimmt der Browser! Dadurch kann man sehr einfach die Reihenfolge ändern oder weitere Punkte einfügen.

HTML

<ol>
    <li>Wasser kochen</li>
    <li>Eier einlegen</li>
    <li>Fünf Minuten kochen lassen</li>
    <!-- man kann geordnete und ungeordnete Listen „ineinander“ schreiben -->
    <li>Wasser vorbereiten
        <ul>
            <li>leicht salzen</li>
            <li>Öl hinzufügen</li>
            <li>zum Kochen bringen</li>
        </ul>
    </li>
    <li>Nudeln einlegen</li>
    <li>Fünf Minuten kochen lassen</li>
</ol>
  1. Wasser kochen
  2. Eier einlegen
  3. Fünf Minuten kochen lassen
  4. Wasser vorbereiten
    • leicht salzen
    • Öl hinzufügen
    • zum Kochen bringen
  5. Nudeln einlegen
  6. Fünf Minuten kochen lassen

Pro-Tip: Geordnete Liste nicht mit „1“ anfangen lassen

HTML

<ol start="5">
    <li>Wasser kochen</li>
    <li>Eier einlegen</li>
    <li>Fünf Minuten kochen lassen</li>
</ol>
  1. Wasser kochen
  2. Eier einlegen
  3. Fünf Minuten kochen lassen