Verweise (Referenzen, Links, Verknüpfungen)

Unter einem Verweis (auch Referenz, Link, Verknüpfung genannt) versteht man eine ausgezeichnete Stelle im HTML-Dokument, die auf eine andere Datei oder eine bestimmte Stelle in einer anderen HTML-Datei verweist.
Die ausgezeichnete Stelle kann eine Textstelle und/oder eine Grafik oder ein Teil einer Grafik (Imagemap) sein.
Wird sie mit der Maus angeklickt, dann wird die referenzierte Datei gelesen.
Dies kann u.a. sein:

• ein anderes HTML-Dokument (Regelfall)
• eine Stelle im gleichen HTML-Dokument (bei langen Seiten sinnvoll)
• eine Grafikdatei im Web-Format (z.B. um Bild in höherer Auflösung anzuzeigen)
• eine Datei in einem beliebigen Format (z.B. *.pdf, *.exe)
• anderer Web-Dienst (z.B. E-Mail, FTP)

Die HTML-Anweisung lautet allgemein:

<a href = "Pfad/Referenzdatei"> Text und/oder Bild </a>

a kommt von Anker, href ist die Abkürzung von Hypertext Referenz.

Man unterscheidet absolute und relative Pfade.
Bei einem absoluten Pfad wird der Ort der Referenzdatei ausgehend von der Wurzel bzw. des Laufwerkes
(abhängig vom Filesystem des Betriebssystemes) beschrieben.
Bei einem relativen Pfad wird der Ort der Referenzdatei ausgehend von der Datei, in welcher der Verweis steht, beschrieben.

Für Verweise auf Dateien, die sich auf einem anderen Webserver oder in einem Homeverzeichnis eines anderen Nutzers befinden,
muss man absolute Pfadangaben verwenden.
dazu notiert man:

1. den Protokolltyp (bei Verweisen auf Web-Servern: "http://", sonst: "file://")
2. den Namen des Rechners (bei Verweisen auf Web-Servern: "Domänname", sonst: "localhost/")
3. den Pfad auf dem Zielrechner (bei Windows-Servern: "Laufwerk:/Pfad")

Beispiele:

• <a href="http://www.tu-chemnitz.de"> ... </a>
• <a href="file://h:/public_html/HTML/index.html"> ... </a>
• <a href="http://www/~meinelt/HTML"> ... </a>

Für alle Referenzen, die sich innerhalb eines bestimmten Web-Projektes (z.B. Homepage) befinden,
sollten unbedingt relative Pfadangaben verwendet werden.
Der Vorteil gegenüber absoluten Pfadangaben besteht darin, dass beim Hochladen der Projektdateien (upload auf den Webserver)
oder beim Verschieben an andere Stelle (auch Brennen auf CD) die relativen Pfade zu den Referenzdateien unverändert bleiben,
sich die absoluten Pfade aber mit Sicherheit verändert haben.

Nutzt man relative Pfadangaben, so notiert man:

• nur den Dateinamen der Referenzdatei, falls sie sich im gleichen Ordner befindet oder
• "relativer_ Pfad/Referenzdatei", falls sie sich nicht im gleichen Ordner befindet

Beispiele:

• <a href="menu.html"> ... </a>
• <a href="bilder/bild1.jpg"> ... </a>
• <a href="../download/aufgabe1.pdf"> ... </a>

Beispiele:

• <a HREF="ftp://asterix/~meinelt/excel/beispiel.xls"> ... </a>
• <a HREF="mailto:meinelt@bsz-glauchau.de"> ... </a>

Es lassen sich im BODY-Tag globale Farbeinstellungen für alle Text-Links der Seite festlegen.

Mögliche Attribute sind:

LINK="Farbcode"	Farbe des noch nicht besuchten Verweistextes
ALINK="Farbcode"	Farbe des aktiven Verweistextes (während des Klickens)
VLINK="Farbcode"	Farbe des besuchten Verweistextes

2 Schritte:

Verweisziel definieren	<a NAME="Zielname"> ... </a>
auf Verweisziel verweisen	<a HREF="#Zielname"> ... </a>

Prinzip: