Anpassung der Standard-Boxen

Standard-Boxen

HTML-Listen — Beispiel verschachtelter Listen.

Betrachten Sie noch mal die Seite aus Aufgabe (Abbildung). Stellen Sie sicher, dass Ihre bisherige Lösung korrekt ist. Validieren Sie Ihre HTML-Datei mit dem W3C-Validator. Beheben Sie alle angezeigten Fehler und und zeigen Sie die Ergebnisse der Validierung Ihrem Tutor.

HTML-Boxen mit veränderter Breite

Setzen Sie in allen <dd>-Elementen die Boxenbreite auf 50%.

Betrachten Sie die Seite in der Web-Konsole des Browsers. Wo sind Ihre Änderungen sichtbar?

HTML-Boxen mit veränderter Höhe

Setzen Sie in allen <li>-Elementen der sortieren Liste (nur direkte Kinder von <ol>) die Boxenhöhe auf 110px.

Betrachten Sie die Seite in der Web-Konsole des Browsers. Wo sind Ihre Änderungen sichtbar? Was ist der Grund für das veränderte Aussehen der Seite?

Inline-Boxen mit veränderter Breite und Höhe

Setzen Sie nun die Höhe des <li>-Elementes mit dem Inhalt "Biologie" auf 450px. Setzen Sie zudem die Breite aller <em>-Elemente auf 150px und ihre Höhe auf 50px.

Betrachten Sie die Seite in der Web-Konsole des Browsers. Wo sind Ihre Änderungen sichtbar? Was folgern Sie aus den Änderungen für die Breite und Höhe von Inline-Elementen im Browser?