Deine erste Homepage
Kapitel 6
Hyperlinks
Eine der wichtigsten Eigenschaften von HTML ist die Möglichkeit, Links zu verwenden, die beim Anklicken zu einer anderen Seite/Datei führen.
Die Syntax für Hyperlinks ist recht einfach:
<a href="Verweisziel">Verweistext</a>
- Verweisziel
- Verweisziel ist die WWW-Adresse mit vorgestelltem http://
- Verweistext
- Verweistext ist das, was im Browser angezeigt wird. Der anklickbare Text.
Ein Beispiel:
<a href="http://www.tagesschau.de/">ARD Tagesschau</a>
Und hier der funktionierende Link, wie er im Browser angezeigt wird: ARD Tagesschau
Jetzt ein Beispiel für einen Link innerhalb einer Domain: Ein Link zur Startseite dieses Tutorials:
<a href="deh1.php">zur Startseite</a>
Siehst du den Unterschied?
Das http://www.domain.de/ können wir weg lassen,
wenn sich die verlinkte Datei auf deinem eigenen Server und im gleichen Ordner befindet.
Und hier der funktionierende Link, wie er im Browser angezeigt wird:
zur Startseite
Anmerkung:
Woran du einen Link im Browser erkennst, das weißt du ja schon: Der Linktext ist meistens unterstrichen, und der Cursor wird zu einem Händchen.
So ist das zumindest auf den meisten Seiten. Und das ist auch gut so. Wenn du ohne Maus, also mit der Tastatur navigierst, dann werden Links mit der Tab-Taste angesprungen.
Deshalb ist es wichtig, einen aussagekräftigen Linktext zu wählen, und nicht etwa nur "klick hier".
Im Screen Reader werden Links angesagt, und helfen bei der Navigation, weil sie direkt angesprungen werden können.
Zur Vertiefung dieses Kapitels ein Link: Selfhtml
Und damit haben wir auch gleich einen klassischen Anwendungsfall für unser Thema gefunden - wir verlinken zu einer Seite mit weiterführenden Informationen.
Wenn du das Thema Hyperlinks bei Selfhtml studieren willst, dann genügen für den Moment die beiden ersten Abschnitte:
- Allgemeines zu Verweisen
- Beispiele für Verweise
Übung
Setze auf deiner eigenen Seite einige Links zu anderen Seiten, die du empfiehlst, sowie zu Seiten, die auf deinem eigenen Server liegen (vielleicht alte Seiten aus früheren Übungen).
Beachte:
Links dürfen innerhalb von Textabsätzen stehen, aber auch innerhalb von Listenpunkten (und wenn du willst, sogar innerhalb von Überschriften).
Was haben wir in dieser Lektion gelernt?
Wie kann man Links erzeugen, die beim Anklicken zu einer anderen Seite führen?