Menu
Coddy logo textTech
JETZT LERNEN
flag De iconDeutschdown icon

Links

Teil des Abschnitts Fundamentals 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. 

Sie können Links zu anderen Webseiten, Dateien, Stellen innerhalb derselben Seite oder jeder anderen URL erstellen. Links werden mit dem <a>-Tag erstellt, was für Anchor (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 Benutzer sehen und anklicken werden.
  • </a>: Das schließende Anchor-Tag.

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

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

In diesem Beispiel wird ein Benutzer, wenn er auf den Text „Visit Google“ klickt, zu https://www.google.com weitergeleitet.

challenge icon

Aufgabe

Einfach

Erstellen Sie 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: Versuchen Sie, auf die Links zu klicken!

Spickzettel

Links in HTML werden mit dem <a> (Anker-)Tag mit dem href-Attribut erstellt:

<a href="url">Link text</a>
  • href: Die Ziel-URL
  • Link text: Der sichtbare, anklickbare Text

Beispiel:

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

Probier es selbst

<!DOCTYPE html>
<html>
    <body>
        <!-- Hier Code schreiben -->
    </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 Fundamentals

1HTML-Grundlagen

Was ist HTML?Grundstruktur von HTMLTags und ElementeVerschachtelung und schließende TagsKommentare in HTML

4Rezeptkarte

ProjektübersichtRezepttitel und BeschreibungProjekt-LektionZutatenProjekt-LektionSchritteProjekt-Lektion

7Persönliche Profilseite

ProjektübersichtHeader-BereichProjekt-LektionProfilbildProjekt-LektionÜber-mich-BereichProjekt-LektionSocial LinksProjekt-Lektion

10Tabellen

Tabellen-GrundlagenBeschriftungen hinzufügenZeilen und Spalten verbindenZusammenfassung - Tabellen

2Text und Formatierung

ÜberschriftenAbsätzeZeilenumbrücheFetter und kursiver TextNochmals fett und kursivWiederholung – Formatierung

5Inhalte hinzufügen

HTML-AttributeLinksLinks zu neuen SeitenBilderBild-Attribute

8Formulare und Eingaben Teil 1

Formular-GrundlagenTexteingabenInput-AttributePasswortfeldLabels für EingabenZusammenfassung – Einfaches Formular

11Event-Registrierungsseite

ProjektübersichtHeader-BereichProjekt-LektionEvent-Details-BereichProjekt-LektionRegistrierungsformularProjekt-LektionFooter-BereichProjekt-Lektion

3Arbeiten mit Listen

Ungeordnete ListeGeordnete ListeVerschachtelte ListenZusammenfassung – Listen

6Seitenlayout

Bereiche (Divisions)Inline-SpansSemantische TagsSections und ArticlesZusammenfassung – Layout

9Formulare und Eingaben Teil 2

Radio-ButtonsCheckboxenDropdownsButtonsButtons in FormularenWiederholung - Formulare #1Wiederholung - Formulare #2

12Abschlussherausforderungen

Einfache ProfilkarteEvent-EinladungskarteEinfache ArtikelseiteLieblingsbücher-Liste