Lektion 7/Teil 2 - Anker

Anker sind Links, die ihr Ziel auf der selben HTML-Seite haben oder auf eine bestimmte Stelle auf einer anderen Seite verweisen. Dort, wo das Link hinführen soll, muss der Befehl: <A NAME="">...</A>
stehen. Also zum Beispiel:

<A NAME="WEITER_UNTEN">Irgendwas</A>

Das Wort "Irgendwas" ist ein Wort aus deinem Text, das an der Stelle steht, wo der Anker hinführen soll. Auf der Seite siehst du nichts von dem NAME-Befehl. Das Wort "Irgendwas" sieht aus wie alle anderen auch.

Den Inhalt des NAME-Befehls ("WEITER_UNTEN") gibt man dem Link-Befehl als Ziel an. Wichtig ist dabei, dass man das Zeichen # davor eingibt. Außerdem sollte der Name nicht zu lang sein und er darf natürlich keine Umlaute oder Sonderzeichen enthalten. In unserem Beispiel wäre das dann:

<A HREF="#WEITER_UNTEN">Hier geht es nach unten</A>

Auf der Seite erscheint der Text "Hier geht es nach unten" unterstrichen wie ein normaler Link. Wenn man drauf klickt, springt der Browser an die Stelle der Seite, wo der NAME-Befehl sitzt. Das kann bei langen Seiten sehr sinnvoll sein.

Wenn Sie auf eine bestimmte Stelle auf einer anderen Seite verweisen möchten, setzten Sie zu dem #NAMEN die entsprechende Datei, also in unserem Beispiel:

<A HREF="SEITE.HTM#WEITER_UNTEN">eine andere Seite</A>

Die Beispielseiten:

<HTML>
<HEAD>
<TITLE>Anker</TITLE>
</HEAD>
<BODY TEXT="#0000FF" LINK="#FFFF00" VLINK="#FF0000" ALINK="#009900" BGCOLOR="#66CC00">
<A NAME="OBEN">Oben</A><BR>
<A HREF="#UNTEN">Unten</A><BR>
<A HREF="#WEITER_UNTEN">Weiter unten</A><BR>
<A HREF="#GANZ_UNTEN">Ganz unten</A><BR>
<A HREF="BEISPIEL6.HTM#NAECHSTE">N&auml;chste Seite unten</A><BR>
<HR SIZE=40>
<HR SIZE=40>
<HR SIZE=40>
<HR SIZE=40>
<HR SIZE=40>
<A NAME="UNTEN">Unten</A><BR>
<A HREF="#OBEN">Wieder nach oben</A>
<HR SIZE=40>
<HR SIZE=40>
<HR SIZE=40>
<HR SIZE=40>
<HR SIZE=40>
<A NAME="WEITER_UNTEN">Weiter unten</A><BR>
<A HREF="#OBEN">Wieder nach oben</A>
<HR SIZE=40>
<HR SIZE=40>
<HR SIZE=40>
<HR SIZE=40>
<HR SIZE=40>
<A NAME="GANZ_UNTEN">Ganz unten</A><BR>
<A HREF="#OBEN">Wieder nach oben</A>
</BODY>
</HTML>

Beispiel anzeigen

<HTML>
<HEAD>
<TITLE>ANKER</TITLE>
</HEAD>
<BODY TEXT="#66CC00" LINK="#FFFF00" VLINK="#FF0000" ALINK="#009900" BGCOLOR="#0000FF">
<A NAME="OBEN">Oben</A>
<HR SIZE=40>
<HR SIZE=40>
<HR SIZE=40>
<HR SIZE=40>
<HR SIZE=40>
<HR SIZE=40>
<HR SIZE=40>
<HR SIZE=40>
<HR SIZE=40>
<A HREF="#OBEN">Wieder nach oben</A><BR>
<A NAME="NAECHSTE"><A HREF="BEISPIEL5.HTM#UNTEN">Zur vorigen Seite unten</A></A>
</BODY>
</HTML>

Beispiel anzeigen

Achtung!
Wenn ein Link gleichzeitig ein Ziel für einen Anker sein soll, muss der Befehl <A NAME="">...</A> den Link Befehl umschließen. (So wie oben in der Beispielseite)




zur Lektion 8