Menu
CoddyTech

Links

Teil des Abschnitts Grundlagen der HTML-Journey von Coddy. Lektion 21 von 60.

In HTML ist ein Link (oder Hyperlink) ein Element, das eine Webseite mit einer anderen verbindet. 

Du kannst Links zu anderen Webseiten, Dateien, Stellen auf derselben Seite oder beliebigen anderen URLs erstellen. Links werden mit dem Tag <a> erstellt, das für „Anker“ steht.

Hier ist die grundlegende Syntax zum Erstellen eines Links in HTML:

<a href="url">Link text</a>
  • <a>: Das öffnende Anker-Tag.
  • href: Die Ziel-URL des Links.
  • Link text: Der sichtbare Text, den Nutzer sehen und anklicken.
  • </a>: Das schließende Anker-Tag.

Hier ist ein Beispiel dafür, wie du einen Link zur Google-Startseite erstellst:

<a href="https://www.google.com">Visit Google</a>

In diesem Beispiel werden Nutzer, wenn sie auf den Text „Visit Google“ klicken, zu https://www.google.com weitergeleitet.

challenge icon

Aufgabe

Einfach

Erstelle ein HTML-Dokument, das die folgenden Links enthält:

  1. Ein Link, der auf "https://coddy.tech" verweist und den Text "Visit Coddy" anzeigt.
  2. Ein Link, der auf "https://www.google.com" verweist und den Text "Visit Google" anzeigt.

Bonus: Versuche, auf die Links zu klicken!

Probier es selbst

<!DOCTYPE html>
<html>
    <body>
        <!-- Schreibe hier Code -->
    </body>
</html>
quiz iconTeste dich selbst

Diese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.

Alle Lektionen in Grundlagen

Übe selbstständig: Web-Playground