Überschriften und Absätze
Fügen Sie Ihrer Webseite Überschriften und Text hinzu
Überschriften und Absätze ist eine kostenlose HTML for Kids-Lektion auf CoddyKit. Dies ist Lektion 1 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.
Überschriften und Absätze
Willkommen zur nächsten Lektion! Heute lernen Sie, wie Sie Überschriften und Absätze zu Ihrer Webseite hinzufügen. Diese Elemente sorgen dafür, dass Ihre Inhalte übersichtlich und leicht lesbar sind.
Was sind Überschriften?
Überschriften werden verwendet, um Titel und Untertitel auf Ihrer Webseite zu erstellen. Sie reichen von <h1> (größte) bis <h6> (kleinste).
Stellen Sie sich Überschriften als Gliederung Ihrer Inhalte vor. Sie helfen Benutzern, die Struktur Ihrer Seite zu verstehen.
Beispiel:
<h1>Main Heading</h1>
<h2>Subheading</h2>
<h3>Smaller Subheading</h3>Überschriften verwenden
Fügen wir unserer Webseite Überschriften hinzu. Probieren Sie diesen Code aus, um den Unterschied zwischen den Überschriftengrößen zu sehen:
<h1>This is an H1 Heading</h1>
<h2>This is an H2 Heading</h2>
<h3>This is an H3 Heading</h3>
<h4>This is an H4 Heading</h4>
<h5>This is an H5 Heading</h5>
<h6>This is an H6 Heading</h6>Was sind Absätze?
Absätze sind Textblöcke, die mit dem Tag <p> zu Ihrer Webseite hinzugefügt werden. Sie eignen sich ideal für ausführliche Informationen oder Beschreibungen.
Beispiel:
<p>This is a paragraph of text on my web page. It’s great for sharing information with my visitors!</p>
Mehrere Absätze hinzufügen
Sie können beliebig viele Absätze hinzufügen, indem Sie mehrere Tags <p> verwenden.
Beispiel:
<p>This is the first paragraph. It introduces my topic.</p>
<p>This is the second paragraph. It adds more details and examples.</p>
<p>This is the third paragraph. It concludes my thoughts.</p>
Überschriften und Absätze kombinieren
Überschriften und Absätze arbeiten zusammen, damit Ihre Inhalte leicht lesbar und verständlich sind. Verwenden Sie Überschriften für Titel und Absätze für ausführliche Informationen.
Beispiel:
<h1>Welcome to My Web Page</h1>
<p>This is a web page where I share my favorite recipes, hobbies, and stories.</p>
<h2>My Favorite Recipes</h2>
<p>I love baking cookies and cakes. Here’s a recipe for chocolate chip cookies!</p>
<h2>My Hobbies</h2>
<p>In my free time, I enjoy painting and playing video games.</p>
Bewährte Vorgehensweisen für Überschriften und Absätze
Hier sind einige Tipps, die Sie beachten sollten:
- Verwenden Sie pro Seite ein
<h1>: Das Tag<h1>sollte nur einmal als Haupttitel verwendet werden. - Strukturieren Sie Inhalte: Verwenden Sie kleinere Überschriften (
<h2>,<h3>), um Abschnitte zu unterteilen. - Schreiben Sie klare Absätze: Halten Sie Ihre Absätze kurz und leicht lesbar.
Probieren Sie es selbst aus
Erstellen wir eine einfache Webseite mit Überschriften und Absätzen. Hier ist ein Beispiel für den Einstieg:
<!DOCTYPE html>
<html>
<head>
<title>Headings and Paragraphs</title>
</head>
<body>
<h1>Welcome to My Page</h1>
<p>This is the main paragraph introducing my page.</p>
<h2>About Me</h2>
<p>I’m learning HTML and enjoying the process!</p>
<h2>My Goals</h2>
<p>My goal is to create a professional-looking website someday.</p>
</body>
</html>
Sehr gut!
Großartige Arbeit! Sie haben gelernt, wie Sie Überschriften und Absätze zu Ihrer Webseite hinzufügen. Diese Elemente sind unverzichtbar für klare und gut strukturierte Inhalte. In der nächsten Lektion erfahren Sie, wie Sie Listen zur Strukturierung von Informationen erstellen. Machen Sie sich bereit für noch mehr Spaß!
Häufig gestellte Fragen
Ist die Lektion „Überschriften und Absätze“ kostenlos?
Ja — der vollständige Text von „Überschriften und Absätze“ 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 „Überschriften und Absätze“?
Fügen Sie Ihrer Webseite Überschriften und Text hinzu 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 1 von 4.
Wie lange dauert die Lektion „Überschriften und Absätze“?
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