Alle Lehrpfade2. HTML – Das Skelett jeder Webseite
beginner+50 XP
Überschriften und Absätze (Die Text-Bausteine)
💡 Die Kernidee im Alltag:
"HTML ist das Skelett jeder Webseite. Ohne Knochen kann ein Mensch nicht stehen – und ohne HTML gibt es keine Webseite. Mit Überschriften und Absätzen gibst du deinen Inhalten Struktur."
Wie es wirklich funktioniert (Erklärt für 12-Jährige)
Ein HTML-Tag umschließt Text wie zwei Buchklammern:
<h1>Das ist die wichtigste Hauptüberschrift</h1>
<h2>Das ist eine Unterüberschrift</h2>
<p>Das ist ein normaler Fließtext-Absatz mit vielen spannenden Informationen.</p>
Regel für Entwickler:
Es gibt Überschriften von <h1> (größte) bis <h6> (kleinste). Pro Seite sollte es aus SEO-Gründen immer nur genau ein einziges <h1> geben!
KI-Power-Tipp für Entwickler
Empfohlener Assistent: Claude 3.5 Sonnet
Golden Prompt für deinen Editor:
Erstelle mir eine semantisch korrekte HTML5-Dokumentstruktur für einen Blogartikel über künstliche Intelligenz mit genau einer H1, drei H2-Abschnitten und passenden Paragraphen.
Qualitäts-Prüfung: Achte darauf, dass nur eine H1 verwendet wird und die H2 logisch aufeinander aufbauen.
Interaktive Übung & lokaler Testlauf
Erstelle eine Hauptüberschrift <h1> mit dem Text 'Mein Blog' und darunter einen Absatz <p> mit dem Text 'Willkommen auf meiner Seite!'.