Verlinkungen einfügen oder austauschen

Links führen aus dem späteren Dokument heraus zu einer Website, Anmeldung, Veranstaltung oder Datei. In DB-Templates werden Links mit HTML eingefügt.

Inhalte des Artikels: Springe durch Klick auf das Thema direkt zum jeweiligen Absatz.

  1. Wie ist ein HTML-Link aufgebaut?
  2. Link austauschen
  3. Einen festen Link einfügen
  4. Häufige Fehler bei Links

Wie ist ein Link-Tag in HTML aufgebaut?

Ein HTML-Link besteht aus einer Zieladresse und einem sichtbaren Linktext: <a href=""></a>.

  • Die Zieladresse steht im Bereich href="" zwischen den Anführungszeichen. Hier wird festgelegt, wohin der Link führt.
  • <a>und </a> markieren Anfang und Ende des klickbaren Bereichs. Es ist das grundlegende Tag, um Hyperlinks zu erstellen, die zu anderen Webseiten, Dateien o. Ä. führen.

Hinweis: Wichtig ist außerdem, dass der eingefügte Link immer mit https:// bzw. http:// beginnt, sonst funktioniert die Verlinkung nicht. 

Screenshot eines optimalen HTML-Links.

Für das Einfügen einer Verlinkung hast du zwei Darstellungsmöglichkeiten.

  • Die Internetadresse wird sichtbar angezeigt oder
  • ein Text wird verlinkt.

Internetadresse wird sichtbar angezeigt

So würde es später aussehen, wenn der Link selbst im Linktext eingegeben wird: 

Screenshot von HTML wie es mit einem Link aussieht.

Text wird verlinkt

So würde es später aussehen, wenn ein Text im Linktext eingegeben wird: 

Screenshot von HTML wie es mit einem Linktext aussieht.

Link austauschen

Um einen Link auszutauschen, öffne die entsprechende Vorlage.

  1. Scrolle dahin, wo sich der Link befindet.
  2. Tausche ihn zwischen Anführungszeichen " und " in <a href=""></a> aus (lila markiert).
Screenshot von HTML, wie die Anweisung für eine Verlinkung aussieht.

 

Einen festen Link einfügen

Nutze einen festen Link in einer Vorlage, wenn die verlinkte Adresse immer gleich bleiben soll. Das bietet sich zum Beispiel im Impressum einer Vorlage an. Dieser Link führt dann immer zum gleichen Ort.

Feste Links eignen sich zum Beispiel für:

  • Website
  • Impressum
  • Datenschutzhinweise
  • allgemeine Kontaktseite
  • Informationsseite

 

Häufige Fehler bei Links

Anführungszeichen fehlen

Die Adresse im href-Bereich steht immer in Anführungszeichen.

Screenshot von HTML im href-Bereich, wo die Anführungszeichen fehlen.

Link wurde nicht geschlossen

Jeder Link beginnt mit <a und endet mit </a>.

Screenshot von HTML, wo der Linkabschluss fehlt.

Unvollständige Webadresse 

Nutze bei festen Links die vollständige Adresse mit https://.

Screenshot von HTML mit Webadressen.