HTML: Anker erstellen – So wirds gemacht!

Oft ist es praktisch auf gewisse Stellen in einer HTML-Datei zu verlinken. Dies wird mit Ankern gemacht.

Du kannst dadurch einen Leser auf einen anderen Bereich der Seite mit einem Link verweisen. Du kannst es dir auch als eine Sprungmarke innerhalb einer Seite eines HTML-Dokuments vorstellen.

In diesem Beitrag zeige ich dir wie du einen HTML Anker erstellen kannst.

HTML Anker erstellen

  1. Beispielsweise möchtest du zu dieser Überschrift springen. Der Ankername ist immer die ID des Elements wo du hinspringen möchtest.
<h3 id="Ankername">Überschrift</h3>
  1. Um jetzt auf den Anker zu verlinken musst du einen HTML Link erstellen. Der Link sieht dann so aus
<a href="#Ankername">Link</a>

Der Ankername kommt in das href tag und hat ein # Doppelkreuz vorangestellt. Dadurch erkennt man das es sich um einen HTML Anker handelt.

Fazit

Um auf eine gewisse Stelle in einem HTML Dokument zu verlinken werden Anker verwendet. Anker können HTML Bilder, Textstellen oder andere Elemente sein. Wichtig ist du den ID Namen des Element zu dem du springen möchtest immer als Ankername verwendest. Dieser Ankername kommt in den Link zu der Ankerstelle.

Top! Jetzt kannst du Anker erstellen. Hast du noch Fragen stell sie in unserem HTML Forum

Jetzt HTML lernen

[the_ad_group id=“4427″]

Weitere Beiträge zu HTML

HTML: Text in Zwischenablage kopieren – So gehts
HTML: Grundgerüst – Webseite erstellen
HTML: Textarea erstellen – So gehts
PHP in HTML einfügen – So gehts!
HTML: Rahmen um Text – So gehts

HTML Datei öffnen – Kostenloser Editor 2021
HTML: Anker erstellen – So wirds gemacht!
HTML: 302 Redirect – So einfach gehts!
HTML: URL Parameter Erklärung
HTML: Bild einfügen – So gehts!

Jquery in HTML einbinden : So wirds gemacht!
HTML: Zurück Button & Link erstellen: So gehts!
HTML: Versteckter und Unsichtbarer Text : So gehs
HTML: Großbuchstaben schreiben: So gehts!
HTML: Icons einfügen: So gehts!

HTML: iFrame in Webseite einbinden – So gehts!
HTML: Liste erstellen – So gehts!
HTML: Erzwungenes Leerzeichen einfügen – So gehts!
CSS in HTML einbinden – So gehts!
HTML: Leerzeichen erstellen – So einfach gehts!

HTML: Auskommentieren – So gehts!
HTML: Bild zentrieren und mittig ausrichten
HTML: Fett schreiben – So einfach gehts!
HTML Text ausrichten: rechtsbündig & linksbündig
HTML: Zeilenabstand einstellen – So gehts!

HTML: Trennlinie einfügen – So gehts!
HTML: Absatz einfügen – So gehts!
HTML: Horizontale Linie – So gehts
HTML: Tabellen erstellen – So gehts!
HTML: Datum & Uhrzeit anzeigen – So gehts!


  • Über Mich


    Weitere Beiträge auf Blogseite.com




    Kennst du schon diese Memes?