Fotolia
Gif-Grafiken.de - Grafiken, Wordpress und Internet - Gif Animationen Top 100 Liste

Mit HTML einen Anker setzen

Hier zeige ich euch wie Ihr mit HTML einen Anker setzen könnt. Ein Anker ist ein sehr nützlicher HTML Befehl um vom Seitenende schnell zum Seitenanfang zu springen. Mit diesem Tag erleichtert Ihr euren Usern die interne Navigation auf eurer Homepage. Bei sehr langen Dokumenten solltet Ihr diesen Tag verwenden. Ist natürlich kein muss. Als erstes benötigt Ihr ein Ziel wohin der Internetuser springen soll. Dazu verwendet Ihr folgenden Code:



<a name=“sprungziel“>Bild, Link oder unsichtbares Element</a>

Dieser Code sollte weit oben im Dokument platziert werden. Am klügsten gleich unter den Body Tag. Um das oben angegebene Sprungziel anzusteuern müsst Ihr jetzt am Ende eures Contents folgenden Link einbauen.

<a href=“#sprungziel“>nach oben</a>

Das Rautezeichen (#) darf nicht entfernt werden. Wenn Ihre es entfernt funktioniert der Anker nicht mehr und das Sprungziel ist nutzlos.

Mit der Erstellung von Sprungzielen mit einem Anker, kann man viele verschiedene Stellen in einer Webseite schnell und unkompliziert erreichen. Auf der Internetseite http://de.selfhtml.org/html/verweise/projektintern.htm bekommt Ihr zusätzlich verschiedene Tipps wie man einen Anker setzen kann. Es werden euch verschiedene Beispiele genannt, wie man in HTML einen Anker implementieren und einsetzen kann. Ich selbst verwende diese HTML Tags häufig, um die Überschriften von langen Texten schneller und komfortabler ansteuern zu können. Die Besucher einer Webseite mit vielen Informationen werden es euch danken, schnell navigieren zu können.

Auch CSS sollte man beachten. Denn Anker können auch mit CSS Tags in ein HTML Dokument eingebaut werden. Über das Thema CSS und Anker könnt Ihr euch auf der Homepage http://www.tiptom.ch/tests/css/a_name.html informieren. Dort werden euch die grundlegenden Möglichkeiten vorgestellt.

... zurück
Kostenlose Templates
Gif-Grafiken.de
Webdesign Tipps
Bildagentur Fotolia
Download
Vektorgrafiken
Impressum

Webmaster Fragen
Bannervorlagen 2 3
Visitenkarten + Stempel
Begriffe & Definitionen
HTML Trickkiste
Lizenzfreie Bilder