Hyperlinks in HTML

Hyperlinks sind der eigentliche Clou von HTML-Dokumenten. Sie verleihen der Website eine Funktionalität. Mittels eines Hyperlinks kann man ein HTML-Dokument mit einem anderen verknüpfen. Hyperlinks werden kurz auch nur als Links (Verweise) bezeichnet. Beim Klick auf einen Link verweist man auf andere Seiten oder Inhalte, die der Browser dann darstellt.

Syntax für Links

Der Tag für einen Link ist der Anchor-Tag:

<a href="Hyperlink">LinkText</a>

In den Anführungszeichen hinter dem href Attribut steht der Hyperlink auf das Dokument auf welches verwiesen wird.

LinkText steht für den Namen des Links, der standardmäßig blau und unterstrichen dargestellt wird.

Beispiel: Verweis auf das Dokument start.html: Startseite

<a href="start.html">Startseite</a>

Arten von Hyperlinks

Hyperlinks lassen sich in folgende Kategorien einteilen:

  • interne Links: Verweise innerhalb des Dokuments / innerhalb der Seite.
  • externe Links: Verweise auf andere Dokumente außerhalb der Seite im www.
  • funktionale Links: Öffnen von PDF-Dateien oder Schreiben von E-Mails.

Interne Links / relative Adressierung

Interne Links verweisen auf Inhalte oder Seiten, die innerhalb der Verzeichnisstruktur der Hauptseite liegen.

Internen Links gibt man mit Hilfe der relativen Adressierung an.

Die relative Adressierung geht immer von dem Ort aus, in dem sich das im Browser angezeigte HTML-Dokument befindet.

Mit ../ gelangt man in den darüberliegenden Ordner

Mit Verzeichnis/ gelangt man in das angegebene Verzeichnis.

Beispiele für die interne Verlinkung findet man hier.

Verlinkung innerhalb von Dokumenten

Eine Verlinkung auf ein Element innerhalb des Dokuments ist möglich, wenn man dieses Element mit einer eindeutigen id (id-Attribut) kennzeichnet.

Beispiel: Verlinkung innerhalb eines HTML-Dokuments:

Auszug aus dem Quelltext:

<h2 id="Kommentare">Kommentare in HTML-Dokumenten</h2>

Link auf die id:

<a href="#Kommentare">Link auf Kommentare</a>