Sie sind Hier: Startseite Sonstiges HTML & CSS Verweise (Links)

• Links mit relativen Pfaden
• Links mit absoluten Pfaden

Relativer Pfad (interner Link):

Ein relativer Pfad wird gesetzt: <a href="index.html">Zur Startseite</a>. Ein relativer Pfad wird nur innerhalb einer Domain gesetzt. In diesem Beispiel wird der Link auf die Datei "index.html" gesetzt.

Absoluter Pfad (externer Link):

Bei einem absoluten Pfad wird die gesamte URL angegeben. Ein absoluter Pfad wird eingesetzt, wenn eine andere Webseite aufgerufen werden soll. Beispiel:

<a href="http://www.compu-seite.de">Link nach Compu-Seite</a>

Ein absoluter Pfad kann aber auch für die eigene Domain verwendet werden. Beispiel:

a href=http://www.compu-seite.de/index.html">Zur Starseite</a>

-- Beispiele folgen weiter unten --

Link innerhalb der eigenen Domain (relativer Pfad):

Bevor Verweise gesetzt werden, sollte folgendes beachtet werden:

• eine Datei sollte einen eindeutigen Namen haben. Dadurch kann sie auch später noch eindeutig identifiziert werden.
• Der Dateiname sollte auf den Inhalt der Datei hinweisen

Die Dateinamen dürfen weder Leerzeichen noch Sonderzeichen (äöüß) enthalten. Erlaubt sind außer Buchstaben auch das Minus-Zeichen und der Unterstrich _.

Z.B. java-inhalt.htm oder javascripte_uebersicht.htm

Ein Link hat immer die Form von <a href="dateiname.htm">Beschreibung</a>

Der Link ist solange gültig, bis der Endtag  </a>  gesetzt wurde.

Dabei sollten die groß geschriebenen Teile durch den entsprechenden Inhalt ersetzt werden. Beispiel:

Im Browserfenster wird der Links dann unterstrichen angezeigt.

Der Link ändert auch seine Farbe, je nachdem ob er bereits angezeigt wurde oder die Seite noch unbesucht blieb. Auch ändert sich der Mauszeiger, wenn man über einen Link fährt.

Besteht eine Homepage aus mehreren Verzeichnissen, gibt man den jeweiligen Pfad an, in der die verlinkt Datei steht. Wichtig dabei ist nur, dass Sie den / (Slash) verwenden (Schrägstrich über der Zahl sieben).

Beispiel:

<a href="startrek/enterprise_a.htm">Enterprise A</a> Die Mannschaft und das Schiff

Die Darstellung im Browser:

Alles, was innerhalb des <a> - Tags steht (hier Enterprise A), wird als Link dargestellt. Bis zum Ende des Tags (</a>)

Sieht der Link so aus:

<a href="starttrek/enterprise_a.htm">Enterprise A Die Mannschaft und das Schiff</a>

ist die Darstellung folgendermaßen:

Link auf eine andere Seite im Internet (absoluter Pfad):

Bei einem absoluten Pfad wird die gesamte URL angegeben. Ein absoluter Pfad wird eingesetzt, wenn eine andere Webseite aufgerufen werden soll. Beispiel:

<a href="http://www.compu-seite.de">Link nach Compu-Seite</a>

Ein absoluter Pfad kann aber auch für die eigene Domain verwendet werden. Beispiel:

a href=http://www.compu-seite.de/index.html">Zur Starseite</a>

Möchte man sich zum Beispiel die Seite von Media Markt mit den neusten Angeboten anzeigen lassen, sieht die Url dorthin so aus:

"http://shop.mediamarkt.de/webapp/wcs/stores/servlet/StoreCatalogDisplay?storeId=5000&langId=-3&catalogId=5000"

Links mit eMail Funktion:

Es besteht natürlich auch die Möglichkeit, einen Link auf ein eMail Programm zu verweisen. Der prinzipielle Aufbau des Links ist:

<A href="mailto:NAME@NAME.DE"</A>

Als Beispiel: <a href="mailto:compu-seite@freenet.de.de>Schreibe mir eine eMail</a>

Es gibt auch die Möglichkeit, den Text (hier Schreibe mir eine eMail) durch eine Grafik zu ersetzen. Das sieht dann so aus:

<a href="mailto:info@info-webdesign.de"><img src="email.gif" border=0 width=55 height=55></a>

border =0 (Rahmen)
Größe des gif-Bildes durch width und height

Als weitere Möglichkeit gibt es die Möglichkeit, die Betreffzeile zu definieren. Dies geschieht durch Einfügen des Befehls:

?subject=Anfrage

Beispiel:

<a href="mailto:info@info-webdesign.de ?subject=Anfrage"></A>

Das Ergebnis sieht dann so aus: