1. Links auf andere Dokumente
    und Dateien erzeugen
Man unterscheidet bei den Verweisen, den
"Links", auch zwischen "relativen Links" und "absoluten Links".

"Relative Links" (auch als "interne Links" bezeichnet) verweisen auf eine Datei auf demselben Rechner: "absolute Links" auf Dokumente, die sich auf einem Rechner an einem anderen Standort befinden ("externe Links").

Will man einen Link in ein Dokument einbauen, so folgt die Syntax eines Links immer dem gleichen Prinzip, egal ob es sich um einen relativen oder absoluten Link handelt: <a href="adresse.des.dokumentes/
pfaddesdokumentes/namedes.dokumentes"
>
Beschreibung des Links</a>
Klickt man in diesem Falle auf den Text "Beschreibung des Links" (das im Browser unterstrichen erscheint) so wird man mit dem nach "<a href=" angegebenen Dokument verbunden.

Oder, um es ein wenig anschaulicher zu machen:

<a href="http://www.ekd.de/ekd/info.html">
Evangelische Kirche in Deutschland</a>
Klickt man auf "Evangelische Kirche in Deutschland" holt der Browser das Dokument info.html auf dem Rechner www.ekd.de im Verzeichnis ekd.

Ein solchermaßen strukturiertes Link, mit der kompletten WWW-Adresse in der Syntax, ist ein "absolutes Link". Will man jedoch nur auf eine Datei auf dem gleichen Rechner verweisen, reicht jedoch ein "relatives Link" z. B. für eine Datei, die im gleichen Verzeichnis steht:

<a href="aktuell.html">Aktuelle Nachrichten</a>
oder auf eine Datei, die in einem Unterverzeichnis auf dem UNIX-Server steht:
<a href="/aktuell/news.html">Neuigkeiten</a>
oder auf eine Datei, die in einem übergeordneten Verzeichnis auf dem UNIX-Server steht:
<a href="../welcome.html">Zurück zur Home Page</a>
Aber nicht nur durch Text zwischen dem Anfangs- und End-Tag können Links beschrieben werden: Ebensogut kann dort auch ein Bild oder Logo angegeben werden, auf das man dann klicken kann, um zu einem bestimmten Dokument zu gelangen:
<a href="../welcome.html"><img src="homebut.gif"></a>
Klickt man in diesem Fall auf das Bild mit dem Namen "homebut.gif", gelangt man ebenfalls zur Welcome Page zurück.

Neben Dokumenten lassen sich aber auch Links zu anderen Dateiformen einrichten, so z. B. auf Daten, die auf einem FTP-Server liegen (Software, Bilder, Sounddateien etc.):

<a href="ftp://ftp.uni-stuttgart.de/pub/soft/www/
netscape/windows/netscape.exe"
> Netscape Navigator 1.2 (16 Bit für Windows 3.1)</a>
oder z. B.:
<a href="ftp://ftp.uni-stuttgart.de/pub/sound/
zipp/morgaen.wav"
>Feinkost Zipp: Morgaaeeen (50 Kb)</a>
So lassen sich von HTML und dem World Wide Web aus Links auf andere Dienste des Internets schalten: Dateien auf FTP-Rechnern, Newsgroups, Gopher Menüs etc. Links können auch auf Email-Adressen hinweisen. Klickt der Benutzer auf einen solchen Link, kann er eine Nachricht an den im Link angegebenen Empfänger schicken. Mehr dazu können Sie im Kapitel "Interaktive Formulare" nachlesen. Weitere Ausgestaltungsmöglichkeiten für Links finden Sie unter "Clickable Images".

Nun haben sie gelernt, einfache Textformatierungen durchzuführen, Listen zu erstellen und Links zu anderen Dokumenten zu schalten. Doch was wäre das World Wide Web ohne Bilder und Grafiken?

Bilder und Grafiken einbinden
Grafikformate
"Inline Images" einbinden
Text und Bilder anordnen
Links über Bilder
"Clickable Images"
Hintergrundbilder und farbiger Text
Zum Seitenanfang