Artikel: Links

Verknüpfungen macht man mit dem HTML-Tag <a>. Dieser Tag steht für "Anchor" (deutsch: Anker) und wird verwendet, um einen Hyperlink oder einen Link zu erstellen. Ein Link ist ein Element in einer Webseite, das es dir ermöglicht, zu einer anderen Seite zu springen, wenn du darauf klickst.

Hier ist ein Beispiel für die Verwendung des "<a>"-Tags:

<a href="meine_andere_seite.html">Verweis auf andere Seite</a>
<a href="https://www.example.com">Verweis auf eine Webseite von anderem Anbieter</a>

Der "<a>"-Tag besteht aus mehreren Teilen. Der wichtigste Teil ist das Attribut `href`, das den Link-Ziel-URL enthält. In diesem Beispiel verweist der Link auf die Webseite "https://www.example.com". Wenn du auf den Link klickst, wirst du zu dieser Webseite weitergeleitet. Möchtest Du auf eine Unterseite bei dir verweisen, dann reicht einfach "meine_zweite_seite.html", also ohne "https:..".

Der Text innerhalb des "<a>"-Tags, in diesem Fall "Besuche Beispiel", wird als Ankertext bezeichnet. Dieser Text wird in der Regel auf der Webseite angezeigt und dient als Hinweis für den Benutzer, wohin der Link führt.

Ein weiteres Attribut, das du möglicherweise beim "<a>"-Tag verwenden kannst, ist das "target"-Attribut. Es definiert, wie der Link geöffnet wird, wenn jemand darauf klickt. Zum Beispiel könntest du "target="_blank"` verwenden, um den Link in einem neuen Browserfenster zu öffnen, anstatt die aktuelle Seite zu verlassen.

Hier ist ein Beispiel für die Verwendung des "target"-Attributs:

<a href="meine_andere_seite.html" target="_blank">Verweis auf andere Seite</a>
<a href="https://www.example.com" target="_blank">Verweis auf eine Webseite von anderem Anbieter</a>

Mit diesem Code wird die Seite "https://www.example.com" in einem neuen Browserfenster geöffnet, wenn du auf den Link klickst.

Das war eine grundlegende Erklärung des "<a>"-Tags. Es gibt noch viele weitere Möglichkeiten und Eigenschaften, die du im Laufe der Zeit entdecken wirst, wenn du mehr über HTML lernst.