HTML Anchor Link in einer Website

Tutorials
Tutorials

Anchor Link

<a href=”#anchorname”>Hier Klicken</a>

Wenn Sie auf den obigen Link klicken, springt der Browser mit diesem Code zu der Überschrift <h2>. Man kann selbstverständlich <h2> weglassen. Man darf irgend ein Element verwenden, wie z.B ein Bild oder eine Tabelle.

<a id=”anchorname”></a><h2>Beispiel</h2>

Der Name des Anchors kann man frei wählen. Als Vorschlag, ist ein Fantasie-Name zu verwenden, damit kein Konflikt mit HTML Befehle entsteht.

Anchor Link zu einer anderen Webpage

Es ist auch möglich, ein Anchor zu einer anderen HTML Webpage zu verwenden. Man muss einfach einen normalen Link erstellen mit <a href=… und dann mit dem Symbol # den Anchor-Name eingeben.

<a href=”../html-link.html#anchorname2″>HTML link – Anchor</a>

Auch hier, wenn Sie auf den obigen Link klicken, springt der Browser mit diesem Code zu der Überschrift <h2> . Auch hier, der Name des Anchors kann man frei wählen.

<a id=” #anchorname2 “></a><h2>Beispiel 2</h2>

Be the first to comment

Leave a Reply

Your email address will not be published.


*