Links: Das Web verbinden
Lernen Sie, anklickbare Links zu erstellen
Links: Das Web verbinden ist eine kostenlose HTML for Kids-Lektion auf CoddyKit. Dies ist Lektion 3 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des HTML for Kids-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der HTML for Kids-Kurs umfasst insgesamt 4 Lektionen.
Links: Das Web verbinden
Willkommen zur nächsten Lektion! Heute lernen Sie, wie Sie Links in HTML erstellen. Links verbinden verschiedene Webseiten miteinander und ermöglichen es Benutzern, einfach im Internet zu navigieren.
Was sind Links?
Links sind anklickbare Elemente auf einer Webseite, die Sie zu einer anderen Seite, einem bestimmten Abschnitt oder sogar zu einer Datei führen.
Links werden mit dem Tag <a> erstellt, der für „anchor“ (Anker) steht.
Erstellen wir einen einfachen Link!
Einen einfachen Link erstellen
Um einen Link zu erstellen, verwenden Sie den Tag <a> mit dem Attribut href. href gibt das Ziel des Links an.
Beispiel:
<a href="https://www.google.com">
Visit Google</a>
Links in einem neuen Tab öffnen
Sie können einen Link in einem neuen Tab öffnen, indem Sie dem Tag <a> das Attribut target="_blank" hinzufügen.
Beispiel:
<a href="https://www.wikipedia.org"
target="_blank">Open Wikipedia in a New Tab</a>
Auf andere Seiten verlinken
Links können auch andere Seiten Ihrer Website öffnen. Verwenden Sie statt einer vollständigen Webadresse eine relative URL (den Dateinamen).
Beispiel:
<a href="about.html">About Us</a>
Auf bestimmte Abschnitte verlinken
Sie können mithilfe einer ID auf einen bestimmten Abschnitt derselben Seite verlinken. Fügen Sie die ID zu dem Element hinzu, auf das Sie verlinken möchten, und verwenden Sie anschließend #id im Attribut href.
Beispiel:
<!-- Link -->
<a href="#contact">Go to Contact Section</a>
<!-- Section -->
<h2 id="contact">Contact Us</h2>
<p>Email us at contact@example.com</p>
Auf E-Mail-Adressen verlinken
Sie können einen Link erstellen, der die E-Mail-Anwendung des Benutzers öffnet, indem Sie mailto: im Attribut href verwenden.
Beispiel:
<a href="mailto:hello@example.com">
Send an Email</a>
Tooltips zu Links hinzufügen
Mit dem Attribut title können Sie einen Tooltip hinzufügen, der angezeigt wird, wenn der Benutzer den Mauszeiger über den Link bewegt.
Beispiel:
<a href="https://www.python.org"
title="Visit the Python website">Learn Python</a>
Großartige Arbeit!
Herzlichen Glückwunsch! Sie haben gelernt, wie man Links erstellt, sie in neuen Tabs öffnet, auf bestimmte Abschnitte verweist und sogar Links zu E-Mail-Adressen erstellt. Links bilden das Rückgrat des Webs und verbinden alles miteinander. In der nächsten Lektion lernen Sie, wie Sie Bilder zu Ihren Webseiten hinzufügen. Machen Sie sich bereit, Ihre Seiten farbenfroher zu gestalten!
Häufig gestellte Fragen
Ist die Lektion „Links: Das Web verbinden“ kostenlos?
Ja — der vollständige Text von „Links: Das Web verbinden“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des HTML for Kids-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der HTML for Kids-Kurs umfasst insgesamt 4 Lektionen.
Was lerne ich in „Links: Das Web verbinden“?
Lernen Sie, anklickbare Links zu erstellen Du übst HTML for Kids mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.
Brauche ich Erfahrung, um HTML for Kids zu starten?
Keine Vorkenntnisse erforderlich. HTML for Kids auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 3 von 4.
Wie lange dauert die Lektion „Links: Das Web verbinden“?
Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.
Kann ich in dieser HTML for Kids-Lektion Code schreiben und ausführen?
Ja. Jede HTML for Kids-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.
Alle Lektionen in diesem Kurs
- Überschriften und Absätze
- Listen: nummeriert und unnummeriert
- Links: Das Web verbinden
- Bilder: Bilder zu Ihrer Seite hinzufügen