Verschachtelte Listen

Schritt 1: Vorlesungsplan
Verschachtelte Liste im Browser
Aussehen der verschachtelten Liste nach Fertigstellung der Aufgabe.
Erstellen Sie eine Übersicht über Ihre Lehrveranstaltungen als eine verschachtelte Liste mit folgenden Vorgaben:
  1. Die Wochentage sollten als eine nummerierte Liste dargestellt werden.
  2. Alle Lehrveranstaltungen sollten als Inhalte des zugehörigen Wochentags in einer Beschreibungsliste aufgezählt werden.
  3. Eine Lehrveranstaltung wird durch zwei Angaben beschrieben:
    1. die EDV-Nummer (Term) und
    2. den Namen (Beschreibung).
Kontrolle der eigenen Lösung
Überprüfen Sie hier Ihre Lösung. Fangen Sie mit dem nächsten Schritt erst an, wenn Sie in diesem Schritt keine Fehler haben.
Schritt 2: Einfärbung und Abstände
Verschachtelte Liste mit Einfärbung und Abständen
Aussehen der verschachtelten Liste mit Einfärbung und Abständen.
Benutzen Sie die folgenden Angaben in CSS, um die Struktur Ihrer verschachtelten Liste im Browser besser darzustellen:
  1. Färben Sie den gesamten Stundenplan mit einem hellblauen Hintergrund ein und setzen Sie einen Abstand zu den enthaltenen Elementen (padding): 
    ol {
    background-color: aqua;
    padding: 20px;
}
  2. Färben Sie die Wochentage (also alle li-Elemente) mit einem hellroten Hintergrund ein. Setzen Sie zudem Abstände (padding und margin), um die Verschachtelung besser zu sehen: 
    li {
    background-color: tomato;
    padding: 10px;
    margin: 5px;
}
  3. Färben Sie die Veranstaltungen (also alle dl-Elemente) mit einem hellgrünen Hintergrund ein: 
    dl {
    background-color: lime;
}
Kontrolle der eigenen Lösung
Überprüfen Sie hier Ihre Lösung. Sie sind mit dieser Aufgabe erst fertig, wenn die Tests keine Fehler zeigen.