Der Link: <a href="...">

~7 Min. Lesezeit Zuletzt aktualisiert am 8. August 2026

Links sind das, was das "World Wide Web" überhaupt zu einem Netz macht: Seiten, die miteinander verbunden sind. Ohne Links müsstest du für jede einzelne Webseite die genaue Adresse selbst eintippen. In diesem Kapitel lernst du das Element, das das ändert: <a> ("anchor", also "Anker").

Der Grundaufbau eines Links

<a href="https://www.dfb.de">Deutscher Fußball-Bund</a>

Zwei Dinge sind hier neu für dich, und beide sind wichtig zu verstehen:

Der Text zwischen <a> und </a> ist das, was der Nutzer sieht und anklicken kann - hier also "Deutscher Fußball-Bund".
href ist ein Attribut: eine zusätzliche Information, die du direkt im öffnenden Tag mitgibst. href steht für "hypertext reference" und enthält die Adresse, zu der der Link führen soll.

Was ist ein Attribut?

Ein Attribut ist eine zusätzliche Eigenschaft, die du einem Tag mitgibst, immer nach demselben Muster: name="wert", innerhalb des öffnenden Tags, vor der schließenden spitzen Klammer. Du hast das schon einmal gesehen, ohne dass wir es benannt haben: <html lang="de"> - dort ist lang das Attribut und "de" der Wert. Ein Tag kann mehrere Attribute gleichzeitig haben, getrennt durch Leerzeichen. Du wirst im Laufe des Tutorials noch viele Attribute kennenlernen - href ist das erste und eines der wichtigsten.

Tipp: Der Wert eines Attributs steht immer in Anführungszeichen. Sowohl href="..." mit doppelten als auch href='...' mit einfachen Anführungszeichen funktionieren, aber wir benutzen in diesem Tutorial durchgehend doppelte, weil das am weitesten verbreitet ist.

Einen Link ausprobieren

Füge Finns Webseite einen Link zu seinem Verein hinzu:

index.html

<h2>Mein Verein</h2>
<p>Ich spiele beim SV Musterstadt. Mehr Infos gibt es auf der
  <a href="https://www.dfb.de">Webseite des DFB</a>.</p>

Speichere, lade die Seite im Browser neu und klicke auf den Link. Du solltest erkennen: Links werden vom Browser automatisch blau und unterstrichen dargestellt, und der Mauszeiger verwandelt sich beim Darüberfahren in eine kleine Hand.

Achtung: Häufiger Anfängerfehler: das = im Attribut vergessen, oder die Anführungszeichen vergessen (also href https://... statt href="https://..."). Der Browser zeigt dann oft gar keinen Fehler an, aber der Link funktioniert nicht richtig - deshalb im Zweifel die Schreibweise genau mit dem Beispiel vergleichen.

Vorheriges Kapitel Geordnete Listen und Beschreibungslisten: ol und dl Nächstes Kapitel Zu anderen Seiten der eigenen Webseite verlinken