Links - Verweise auf andere Seiten

Was Links sind und das sie von nöten sind weiß jeder. Also fangen wir an. Im Großen und Ganzen sieht der Code für einen Link so aus:

<a href="url">Linkname</a>

Wenn ich also die Peilosistas verlinken will, schreibe ich folgendes:

<a href="http://www.peilosistas.org">peilosistas</a>

Damit öffnet sich der Link in dem Fenster was ihr gerade offen habt. Wenn ihr wollt das sich der Link in einem neuen Fenster öffnet, fügt ihr ein

target=top

ein. Will ich also von den Peilosistas auf Artflower verlinken und möchte, das der Besucher aber die Peilosistas nicht verlässt, schreibe ich das so:

<a href="http://www.artflower.de" target=top>artflower.de</a>

Wenn ihr auf andere Seiten verlinkt, müssen diese immer mit http:// davor geschrieben werden.
Außerdem müsst ihr immer auf Groß- und Kleinschreibung achten - am besten benennt ihr eure Dateien immer in Kleinbuchstaben, dann lauft ihr weniger Gefahr einen Fehler irgendwo einzubauen.

Links - Verweise auf interne Seiten

Das war einfach nicht? Jetzt wollt ihr aber sicher nicht immer nur auf Seiten verweisen die außerhalb von eurer eigenen gehen. Die meisten Hompages haben ja mehr als eine Seite. Jetzt müsst ihr aufpassen in welchem Ordner ihr die Seite liegen habt auf die ihr verweisen wollt.
Nehmen wir an, ihr macht den Link auf index.html und wollt aboutme.html verlinken. Aboutme.html liegt im selben Verzeichniss wie index.html. Das ist der einfachste Fall, ihr schreibt einfach:

<a href="aboutme.html">about me</a>

Vielleicht habt ihr die Datei aber auch in einem extra ordner der aboutme heißt liegen. Das müsst ihr dem Browser natürlich sagen:

<a href="aboutme/aboutme.html">about me</a>

Wir nehmen mal an ihr habt diesen Fall. Jetzt wollt ihr von aboutme.html auf index.html verlinken. Damit müsst ihr ja quasi "Ordneraufwärts" gehen. Für jeden Ordner den ihr hochgehen wollt, setzt ihr zwei punkte ..

<a href="../index.html">Zurück</a>

dh wenn ihr zb im Ordner aboutme einen Ordner photogalerie habt und ihr seit darin auf der Seite photogalerie.html und wollt auf index.html zurücklinken, geht ihr zwei Ordner aufwärts.

<a href="../../index.html">Home</a>

 

Links - Verweise auf Dateien

Vielleicht wollt ihr mal etwas als Download anbieten? Damit läuft es wie mit den internen Seiten. Ihr gebt einfach die Datei an.

<a href="meinesmilies.zip">Downloaded meine Smilie Kollektion</a>

Ein Downloaddialog des Browsers wird sich öffnen und der Besucher kann entscheiden, ob er die Datei öffnen will, oder sie speichern will. Bilder öffnen sich allerdings immer.

Emaillinks

Ihr kennt es sicher, das man auf einen Emaillink geht, sich das Mailprogramm öffnet und die Emailadresse sofort oben in der Adresszeile steht? Ganz einfach:

<a href="mailto:adresse@domain.de">Emailt mir</a>

Diese Email-Links haben einen großen Nachteil: sie sind spamanfällig. Es gibt Bots die gezielt nach solchen Emaillinks suchen. Wenn ihr also nicht gerade eine gewerbliche Seite betreibt, verzichtet besser darauf. Private Nutzer brechen sich keinen Zacken aus der Krone wenn sie eine Adresse extra eingeben müssen.