Hyperlinks

Verweise (Links, Hyperlinks) auf andere Dokumente und eMail

Ein Link wird mit dem Tag <a> (Anchor, Anker, Ankerpunkt) eingeleitet und mit dem End-Tag </a> beendet.

Der grundsätzliche Aufbau eines Links:

   
       <a href="verweisziel">hinweistext</a>

Bei verweisziel ist die URL-Adresse (Uniform Resource Locator) in Anführungszeichen anzugeben. Im Hinblick auf Unix-Systeme ist die Groß-/Klein-Schreibweise der URL-Adresse zu beachten!

Bei hinweistext ist ist dem Benutzer ein (sinnvoller) Hinweistext anzugeben. Der Hinweistext erscheint in unterstrichener Form.

Die Farbe des Hinweistextes kann im body-Tag mit den Attributen

     alink   Farbe des aktivierten Links, oft nur ganz kurz zu sehen
     link    Farbe der noch nicht besuchten Links
     vlink   Farbe der bereits besuchten Links

eingestellt werden. Üblich sind z.B. folgende Einstellungen:

     alink="#FF0000"   red
     link="#0000FF"    blue
     vlink="#800080"   purple

Wenn diese Attribute im body-Tag fehlen, machen die Browser gleiche oder ähnliche Standardeinstellungen.

Beipiel für einen (absoluten) Link auf eine externe WWW-Seite:

       <a href="http://www.bvdm-online.de/">Bundesverband Druck und Medien</a>

Beipiel für einen absoluten Link auf eine lokale Seite
Das Protokollbezeichnung "http://" ist durch "file:///" zu ersetzen. Bei DOS- und Windows-Systemen ist der Doppelpunkt nach dem Laufwerksbuchstaben durch den Senkrechtstrich zu ersetzen und der Backslash durch den Slash. Neuere Browser akzeptieren aber auch den Doppelpunkt nach dem Laufwerksbuchstaben.


     <a href="file:///E|/EDV/DV2-ALLG/DV2-11/HTML-010.htm">Irgendwohin</a>

Beipiel für einen relativen Link auf eine lokale Seite im gleichen Verzeichnis:
Die Protokollbezeichnungen "http://" oder "file:///" entfallen.
Relative Links bieten den Vorteil, dass die Links bestehen bleiben, wenn die Dokumente auf dem Server in andere Verzeichnisse verschoben werden.

      <a href="HTML-010.htm">Irgendwohin</a>

Beipiel für einen relativen Link auf eine lokale Seite im darunterliegenden Verzeichnis:
Das darunterliegende Verzeichnis ist im Beispiel mit "UV" bezeichnet.

     <a href="UV/Start.htm">Irgendwohin</a>

Beipiel für einen relativen Link auf eine lokale Seite im darüberliegenden Verzeichnis:
Wenn auf ein darüberliegendes Verzeichnis zugegriffen werden soll, ist dem Pfad die Zeichenfolge "../" (Elternverzeichnis) voranzustellen. Der Vorgang kann wiederholt werden.

      <a href="../UV/Start.htm">Irgendwohin</a>

Link auf eine eMail:

     <a href="mailto:eMailAdresse">hinweistext</a>

Sobald der Benutzer den Link anklickt, erscheint ein Fenster zum Verfassen und Absenden einer eMail.

Grafiken als Link verwenden:
Wenn Grafiken als Link dienen sollen, müssen ledlich der A-Tag und der IMG-Tag verschachelt werden, wie folgendes Beispiel zeigt. Die Grafik wird dann vom Browser standardmäßig umrandet dargestellt. Die Umrandung kann mit dem IMG-Attribut border="0" abgestellt werden. Die Größe der Grafik kann mit dem img-Attribut "width" eingestellt werden.

      <a href="HTM-Start.htm"> <img src="GIF-Bilder/FHM-Logo-Tr.gif" alt="" width="10%" border="2"></a>

Bei kontextbezogenen und selbsterklärenden Grafiken wie Pfeilen u.ä. kann man sich erklärende Hinweise sparen.

Mit Klick auf die Grafik zurück zur Startseite