Grundsätzlich wird zunächst einmal zwischen interner und externer Verlinkung unterschieden.
Die interne Verlinkung dient der Navigation innerhalb eines einzelnen Webprojektes, während die externe Verlinkung auf fremde Seiten verweist.


Die Unterschiede zwischen Befehlen (tags), Eigenschaften (attributes) und Werten (values) dürften Ihnen inzwischen geläufig sein.
Denn dann werden Sie die folgende Lektion mit Sicherheit schnell erlernen.



Textlink

Ein Textlink setzt sich aus dem Befehl <A> + der Eigenschaft href="...." zusammen.
Für die Pünktchen wird der Pfad als Wert eingegeben, zu dem die Verlinkung führen soll.
Anschließend wird der Text eingesetzt, der die Aufmerksamkeit des Besuchers auf eine bestimmte Seite lenken soll.
Die Verlinkung wird mit der Endmarke </A> abgeschlossen.

Sie haben beispielsweise eine Website mit vielen verschiedenen Rezepten. An einer beliebigen Stelle Ihrer Homepage möchten Sie Ihren Besuchern die Mögklichkeit geben, direkt zu Ihrem Apfelstrudel-Rezept zu gelangen, welches sich auf Ihrer Nachtischseite befindet:

<A href="Nachtischseite.htm">Ein leckeres Apfelstrudel-Rezept</A>

An einer anderen Stelle möchten Sie Ihren Besuchern die Gelegenheit geben, eine fremde Webseite aufzurufen, auf der es ganz herrliche Pfannkuchen-Rezepte gibt:

<A href="http://www.tante-bertas-pfannkuchen.de>Die besten Pfannkuchen-Rezepte gibt es hier>/A>

Im Gegensatz zur internen Verlinkung, muß bei der externen Verlinkung als Wert die komplette http-Adresse angegeben werden.



Bildlink

Auch ein Bildlink beginnt zunächst mit dem <A> tag und dem href="...." attribute.
Für die Pünktchen wird auch hier wieder der Pfad als Wert angegeben, zu dem der Link führen soll.
Danach folgt der Befehl <IMG> (Image) + dem src="...." attribute (src = source oder Quelle).
Für die Pünktchen wird der Wert als Pfad angegeben, der zu dem Bild führt.
Die Verlinkung wird mit der Endmarke </A> abgeschlossen.

Sie haben beispielsweise zu dem vorhin erwähnten köstlichen Apfelstrudel-Rezept auch ein passendes Bild eingepflegt, auf das Sie Ihre Besucher aufmerksam machen wollen. Das Bild befindet sich ebenfalls auf Ihrer Nachtischseite (also, die Seite in Ihrem Webprojekt, der Sie den Namen Nachtischseite zugewiesen haben).
So sähe in diesem Fall die korrekte Verlinkung aus:

<A href="Nachtischseite.htm"> <IMG src="apfelstrudel.jpg"></A>




eMail-Programm

Mit folgendem Link öffnet sich das eMail-Programm des Browsers:

<A href ="mailto:max.mustermann@web.de>Hier können Sie mir eine Nachricht schicken</A>

Klickt der Besucher auf diesen Link, öffnet sich das eMail-Programm, indem die eMail-Adresse des Empfängers schon fertig eingegeben ist.
Sofern der Besucher Ihrer Seite seinen Browser selbst als eMail-Programm einsetzt, braucht er jetzt nur noch seine Nachricht schreiben und versenden.



Druckbare Version