Links

Links einfügen

Links sind das, was das Internet eigentlich ausmacht. Durch Links kann man auf andere Seiten verweisen, und ermöglicht dem Benutzer einen Sprung, von einer Seite zur nächsten Seite.

Doch wie erstellen wir einen solchen Link?

Ganz einfach, mit dem a Tag:

<a href="test2.htm">Linktext</a>

Dieser Link verweist auf auf die HTML Seite test2.htm, also einer weiteren Seite von dir. Manchmal möchtest du aber auch auf andere Seiten im Internet veweisen. Sehr wahrscheinlich willst du einen Link zu uns auf admin-wissen.de setzen. Für solche Fälle kann man als Linkziel die URL der Seite angeben auf die man Verweisen möchte.

Ein Beispiel:

<a href="http://www.admin-wissen.de">Meine lieblings Computerseite</a>

Diese einfachen Links haben einen unangenehmen Nebeneffekt, die Seite auf die du verweist wird im selben Fenster geöffnet wie deine Seite. Dadurch verlässt der Besucher deine Seite.

Es gibt eine Lösung für dieses Problem. Der Linktag hat als Attribut ein Zielfenster eines Links. Dieses Attribut heisst "target", dort wird der Name des Zielfensters eingegeben.

Wie heisst neue nicht geöffnete Fester eigentlich, wirst du dich jetzt vielleicht Fragen.

Die Lösung hierfür ist, einfach einen Namen einzusetzen den es nicht gibt.

<a href="http://www.admin-wissen.de" target="gibtsnet">
   Meine lieblings Computerseite
</a>

Würde die Seite also in einem neuen Fenster öffnen. Hierbei hat sich aber eingebürgert, als target "_new" zu nehmen.

Besser wäre also:

<a href="http://www.admin-wissen.de" target="_new"> 
   Meine lieblings Computerseite 
</a>

Bilder als Link

Natürlich kann man mehrere Tags, wie fast immer in HTML, kombinieren und verschachteln. So können wir auch ein Bild als Link benutzen.

Wir müssen ganz einfach um unseren Bilder Tag einen Link Tag herumsetzen:

<a href="http://www.admin-wissen.de" target="_new">
   <img src="tolltseite.gif"/>
</a>

Jetzt kannst du schon Links auf andere Seiten setzen. Aber was ist, wenn man einen Link zu einer bestimmten Stelle in einem Text setzen möchte?

Anker Links

Manchmal möchten wir im Text einer Seite auf eine ganz bestimmte Stelle verweisen. Zu diesem Zweck gibt es in HTML Anker Links.

Um auf einen Ankerlink zuverweisen, muss man erstmal an der Zielstelle einen Anker setzen. Das machen wir mit dem folgenden Tag:

<a name="MeinAnker">Anker Inhalt</a>

Veweisen tuen wir auf diesen Anker mit folgendem Tag:

<a href="#MeinAnker">Linktext</a>

oder von einer anderen Seite mit:

<a href="seite.htm#MeinAnker">Linktext</a>

Wow! Wir haben eine Menge gelernt. Sie können jetzt eine Webseite mit Links erstellen und wissen alles um den Inhalt der Webseite zu formatieren.

Lebendiger werden Webseiten durch interaktive element. Durch interaktive Element kann der user mit einbezogen werden und aktive werden. Speziell für serverbasierte Anwendungen ist es wichtig Formulare zu verstehen.

Auf der nächsten Seite geht es darum, ein einfaches Formular zu implementieren, dass eine Mail versendet und einfach Formularelemente enthät.

 

Navigation