Seiten, Dateien und Links
Die meisten Websites bestehen aus mehr als einer Seite. Unsere hat jetzt eine zweite, ueber-mich.html, die Website besteht also aus vier Dateien: zwei Seiten, einem Stylesheet und einem Skript. Du findest alle vier über dem Editor.
Wo liegen solche Dateien? Auf einem Server: einem Computer, der immer eingeschaltet und mit dem Internet verbunden ist und dessen Aufgabe es ist, Dateien an jeden zu schicken, der danach fragt. Jede Seite, die du je geöffnet hast, kam von einem Server irgendwo auf der Welt.
Jede Seite hat ihre Adresse, die URL, zum Beispiel https://www.example.com/ueber-mich.html. Sie besteht aus zwei Teilen: https://www.example.com ist die Adresse des Servers und /ueber-mich.html der Pfad zur Datei auf ihm. Wenn du so eine Adresse öffnest:
- Der Browser fragt den Server
www.example.comnach der Dateiueber-mich.html. - Der Server findet die Datei und schickt sie an den Browser.
- Der Browser liest das HTML und merkt, dass die Seite auch
style.css(und vielleicht ein Skript) braucht, und fragt den Server auch danach. - Wenn er alles hat, zeichnet er die Seite.
Seiten führen über Links zueinander. Ein Link wird mit dem Tag a geschrieben:
<a href="ueber-mich.html">Über mich</a>href sagt, wohin der Link führt, und der Text zwischen den Tags ist das, worauf du klickst. In diesem Link steht keine Serveradresse, nur der Name einer Datei. Der Browser sucht ueber-mich.html also auf demselben Server und im selben Ordner wie die Seite, auf der du gerade bist. Ein Klick startet die ganze Reise von vorn: Der Browser fragt nach der Datei, bekommt sie und zeichnet die neue Seite.
So schreibst du es:
Anweisungen
- 1
Füge in
index.htmlden Link zur zweiten Seite in einer neuen Zeile direkt unter<p id="nachricht"></p>ein:<a href="ueber-mich.html">Über mich</a>. Führe die Seite aus, klicke in der Vorschau auf den Link und dann auf den Link zurück zur Startseite.