Links

Ziel dieser Aufgabe ist es, eine Seite mit Links 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 das folgende ZIP-Archiv auf Ihren lokalen Rechner und entzippen Sie dieses in Ihr Verzeichnis: Download
2. Öffnen Sie die Datei Start.html im Browser und im Editor.
3. Fügen Sie geeignete Strukturelemente in die Datei Start.html ein, so dass sie insgesamt aus sechs Einträgen einer sortierten Liste besteht, die selbst Link-Elemente enthalten.
4. Erweitern Sie die ersten vier Links in der Datei so, dass darin die korrekten Seiten referenziert werden. Welche die korrekte Seite ist, steht im Link-Text. Die zugehörigen Dateien finden Sie in der heruntergeladenen Verzeichnisstruktur. Lassen Sie alle Dateien in ihren Ordnern stehen und kopieren Sie sie nicht an andere Stellen. Achten Sie auch darauf, dass Sie im jeweiligen Browsertab auch die Dateinamen der angezeigten Seite sehen. Hinweis: das geht nicht automatisch, Sie müssen den Dateinamen manuell an die geeignete Stelle in der jeweiligen HTML-Datei eintragen.
5. Erweitern Sie die Links in den Dateien link01.html, ..., link04.html so, dass Sie beim Klick auf diese Links immer zur Seite Start.html zurückkommen.
6. Passen Sie den fünften Link so an, dass er das im Link-Text beschriebene Verhalten zeigt.
7. Passen Sie den sechsten Link so an, dass er das im Link-Text beschriebene Verhalten zeigt.

Passen Sie nun noch die Datei link04.html an:

1. Fügen Sie geeignete Strukturelemente in die Seite ein, so dass sie insgesamt aus fünf Einträgen einer unsortierten Liste besteht, die selbst Link-Elemente enthalten.
2. Erweitern Sie die Links in der Datei so, dass darin die korrekten Seiten referenziert werden. Welche die korrekte Seite ist, steht im Link-Text.