Links auf einer Seite

Ziel dieser Aufgabe ist es, eine Seite wie in der Abbildung dargestellt zu erstellen. Gehen Sie dazu schrittweise vor und testen Sie die Auswirkungen Ihrer Änderungen nach jedem Schritt im Browser.

1. Laden Sie die Datei Navigation.html auf Ihren lokalen Rechner: Download
2. Öffnen Sie die Datei Navigation.html im Browser und im Editor.
3. Benutzen Sie eine <h1>-Überschrift für den Titel der Seite.
4. Fügen Sie geeignete Strukturelemente in die Seite ein, so dass im Browser unter der Hauptüberschrift der Seite alle Kapitel und Unterkapitel in verschachtelten, unsortierten Listen wie in der Abbildung im oberen Teil aufgezählt werden. Diese Aufzählung wird später als ein Navigationsmenü dienen.
5. Markieren Sie alle Kapitelüberschriften auf der Seite als <h2>-Überschriften. Sie erkennen diese am Text "Überschrift Hauptkapitel x".
6. Markieren Sie alle untergeordneten Überschriften auf der Seite als <h3>-Überschriften. Sie erkennen diese am Text "Überschrift Unterkapitel x.y".
7. Betten Sie alle Texte in Absätze ein.
8. Passen Sie das Navigationsmenü so an, dass Sie beim Klick auf einen der Einträge im Menü zum entsprechenden Haupt- oder Unterkapitel gelangen.
9. Fügen Sie unter jedem Kapitel noch den Text "Nach oben" hinzu. Beim Klick auf diesen Text soll der Leser der Seite wieder auf das Navigationsmenü gelangen.