HTML Basics Tutorial

1.7. Links

Unter Links versteht man das Verknüpfen von Seiten im Internet. Als Beispiel kann dieses Tutorial dienen. Teil 1.7 (dieser Teil) ist auf dieser Webseite, während Teil 1.0 auf einer anderen ist. Will man nun von einem zum anderen kommen, benötigt man einen Link. Üblicherweise klickt man auf ein Bild oder einen unterstrichenen Text, der entsprechend bearbeitet worden ist. Nach dem Klick wird die neue Seite geladen und angezeigt.

Der Linkbefehl wird als a abgekürzt. Dabei steht "a" für das englische "anchor", was übersetzt Anker heißt. Ein Anker kann sich ja an etwas (dem Meerboden) anhängen, genauso wie sich Webseiten mit Hilfe von Links gegenseitig festhalten bzw. verbinden.
Ergänzt wird der Befehl durch href was eine Ruffunktion darstellt. In der Klammer dahinter befindet sich die Webseite die aufgerufen wird mit der gesamten URI oder mit einer kurzen URI.

Im Gegensatz zur vollständigen URI gibt es auch kurze Addressiermöglichkeiten. Diese verwendeten wir bereits im Abschnitt Grafiken. Dort lautete die Adresse schlicht bild.jpg. Es ist im Moment absolut unwichtig wie die Endung der Datei ist, da es um etwas anderes geht. Beachte die Endung also nicht! Wichtig ist, dass hier kein http://www.abcdefg oder so steht, sondern nur der Dateiname.

Wann benutzt man nun welche URI? Die richtige URI kann man immer benutzen, die kurze hingegen nur beschränkt. Da die kurze lediglich einen Dateinamen beinhaltet, nicht jedoch den Ort, muß bei kurzen URLs die Zieldatei am gleichen Ort wie die Datei mit dem Link sein. Das heißt, wenn die Seite http://www.PlanetHTML.de/HTML/008.shtml einen Link auf das Bild "Gewonnen" im selben Verzeichnis (HTML) setzten will gehen beide URL Varianten. Will die Datei tutorial.html hingegen auf die Hauptseite von PlanetHTML.de linken, so muß die URL http://www.PlanetHTML.de verwendet werden.

Für den Anfang ist es somit durchaus sinnvoll alles in einem Ordner abzulegen und somit alles nur mit kurzen URIs zu verlinken. Sobald die Webseite jedoch umfangreicher wird, wird dies unübersichtlich und man kommt um getrennte Ordner für Bilder und Inhalte nicht umherum.

Im nächsten Abschnitt befassen wir uns mit Farben. Denn Webseiten nur in s/w sind ja wirklich langweilig. Zögere also nicht und lese direkt weiter!

Weiterlesen...