HTML-Tags und -Elemente
Lernen Sie, was Tags und Elemente sind und wie sie funktionieren.
HTML-Tags und -Elemente 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.
HTML-Tags und -Elemente
Willkommen zur nächsten Lektion! Heute lernen Sie HTML-Tags und -Elemente kennen. Sie sind die Bausteine jeder Webseite, die Sie erstellen werden.
Was sind HTML-Tags?
HTML-Tags sind spezielle Schlüsselwörter, die in spitzen Klammern <> eingeschlossen sind. Sie teilen dem Browser mit, was mit dem darin enthaltenen Inhalt geschehen soll.
Beispiel für ein Tag:<h1>
Tags treten normalerweise paarweise auf: als öffnendes Tag und schließendes Tag.
Beispiel:
<h1>Hello</h1>Was sind HTML-Elemente?
Ein HTML-Element besteht aus einem öffnenden Tag, Inhalt und einem schließenden Tag.
Zum Beispiel:
<h1>Welcome to My Page</h1>Arten von Tags
Es gibt zwei Hauptarten von Tags:
- Tags mit öffnendem und schließendem Tag: Diese haben sowohl ein öffnendes als auch ein schließendes Tag. Beispiel:
<p>Paragraph</p> - Selbstschließende Tags: Diese benötigen kein schließendes Tag. Beispiel:
<img />
Häufig verwendete Tags
Hier sind einige grundlegende HTML-Tags, die Sie häufig verwenden werden:
<h1> to <h6>: Überschriften, von groß bis klein<p>: Absatz<a>: Link<img>: Bild<br>: Zeilenumbruch
Sehen wir uns ein Beispiel an:
<h1>Welcome!</h1>
<p>This is a paragraph of text.</p>
<a href="https://example.com">Click here</a>
<img src="image.jpg" alt="An example image" />
<br />Attribute in Tags
Attribute liefern zusätzliche Informationen über ein Element. Sie stehen im öffnenden Tag.
Beispiel:
<a href="https://example.com"
target="_blank">Visit Example</a>
Tags verschachteln
Sie können ein Tag innerhalb eines anderen platzieren. Dies wird als Verschachtelung bezeichnet.
Beispiel:
<p>This is a <strong>bold</strong> word.</p>
Reihenfolge beim Schließen verschachtelter Tags
Denken Sie daran: Schließen Sie immer das innere Tag, bevor Sie das äußere Tag schließen.
Beispiel: Alles zusammenfügen
Hier ist ein Beispiel, das alles bisher Gelernte miteinander verbindet:
<!DOCTYPE html>
<html>
<head>
<title>My HTML Example</title>
</head>
<body>
<h1>Welcome to My Web Page</h1>
<p>This is a <strong>simple</strong> paragraph of text.</p>
<a href="https://example.com" target="_blank">Click here to learn more</a>
<br />
<img src="image.jpg" alt="A beautiful view" />
</body>
</html>Sehr gut!
Herzlichen Glückwunsch! Sie haben HTML-Tags, -Elemente, -Attribute und Verschachtelungen kennengelernt. Sie sind die Bausteine jeder Webseite, die Sie erstellen werden. In der nächsten Lektion schreiben wir Ihre erste HTML-Seite mit echtem Inhalt!
Häufig gestellte Fragen
Ist die Lektion „HTML-Tags und -Elemente“ kostenlos?
Ja — der vollständige Text von „HTML-Tags und -Elemente“ 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 „HTML-Tags und -Elemente“?
Lernen Sie, was Tags und Elemente sind und wie sie funktionieren. 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 „HTML-Tags und -Elemente“?
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
- Was ist HTML?
- HTML-Struktur: Die Bausteine
- HTML-Tags und -Elemente
- Ihre erste HTML-Seite einrichten