Sprungmarke erstellen

Der HTML-Code für die Sprungmarke sieht so aus:

<a href="#Anker-Name">Verlinkter Text</a>

Gehe nun wie folgt vor:

1. Erstelle ein neues Element Textfeld oder nutze ein bestehendes Textfeld, in welchem du die Sprungmarke einfügen möchtest.
2. Klicke in den Einstellungen des Elements unten auf das Symbol HTML bearbeiten (ganz rechts) aus. Damit öffnet sich der HTML-Editor.
3. Kopiere den HTML-Code der Sprungmarke.
4. Füge den Code für die Sprungmarke an die gewünschte Stelle deines Texts in den HTML-Editor ein und ändere die Platzhalter wie folgt:
5. Ersetze Anker-Name durch einen Namen für deinen Textanker. Hier ein Beispiel: #Textanker1 oder #MeinAnker
6. Ersetze Verlinkter Text mit den Worten, die später als Link erscheinen sollen – deine Besucher*innen sehen nur diesen Text als Link.
7. Speichere die Änderung mit einem Klick auf Ok.

Bitte beachte: Weise jedem Textanker einen individuellen Anker-Namen zu und nutze keine Leerzeichen, Umlaute oder Sonderzeichen (/, (, ), _, ., ;, ,) für deinen Anker-Namen.

Zielmarke erstellen

Der HTML-Code für die Zielmarke sieht so aus:

<div id="Anker-Name"> </div>

Gehe dafür so vor:

1. Suche dir die Stelle auf deiner Seite aus, zu der deine Besucher*innen nach einem Klick auf die Sprungmarke gelangen sollen.
2. Klicke an dieser Stelle auf Inhalt hinzufügen > Weitere Inhalte und Add-ons und wähle das Element Widget / HTML aus.
3. Kopiere den HTML-Code der Zielmarke.
4. Füge den Code für die Zielmarke im HTML-Editor ein.
5. Ersetze den Platzhalter Anker-Name durch den zuvor in der Sprungmarke festgelegten Anker-Namen.
6. Klicke auf speichern, um die Zielmarke zu erstellen – fertig!

Wir können den Wind nicht ändern, aber wir können die Segel anders setzen.

(Aristoteles)