Lerne Schritt für Schritt die Grundlagen von HTML.
Starte mit Einheit 1 und arbeite dich durch!
Jede HTML-Seite hat ein Grundgerüst. Hier lernst du, wie es aufgebaut ist und wie du deine erste eigene Seite erstellst.
ca. 10 Minuten
Texte richtig strukturieren mit Überschriften (<h1> – <h6>)
und Absätzen (<p>). So wird deine Webseite lesbar!
ca. 10 Minuten
Lerne, wie du Inhalte mit Listen ordnest: Ungeordnete Listen (<ul>),
geordnete Listen (<ol>) und Definitionslisten (<dl>).
ca. 10 Minuten
Daten übersichtlich darstellen mit Tabellen. Lerne die Tags
<table>, <tr>, <th> und
<td> kennen.
ca. 10 Minuten
Bilder machen deine Webseite lebendig. Lerne, wie du Bilder mit
<img> einfügst und richtig anpasst.
ca. 10 Minuten
Links sind das Herz des Internets! Lerne, wie du mit <a>
zu anderen Seiten, zu E-Mails und zu Dateien verlinkst.
ca. 10 Minuten
Alles wiederholen und festigen! Diese Einheit fasst alle wichtigen Tags zusammen und gibt dir einen kompletten Überblick.
ca. 15 Minuten
| # | Einheit | Thema | Wichtige Tags | Dauer | Zum Start |
|---|---|---|---|---|---|
| 1 | Grundgerüst | Erste HTML-Seite | <!DOCTYPE>, <html>, <head>, <body> |
10 min | |
| 2 | Überschriften & Absätze | Texte strukturieren | <h1> - <h6>, <p>, <br> |
10 min | |
| 3 | Listen | Inhalte ordnen | <ul>, <ol>, <li>, <dl> |
10 min | |
| 4 | Tabellen | Daten darstellen | <table>, <tr>, <th>, <td> |
10 min | |
| 5 | Bilder | Medien einbinden | <img>, src, alt, width |
10 min | |
| 6 | Hyperlinks | Verknüpfungen erstellen | <a>, href, mailto:, title |
10 min | |
| 7 | Zusammenfassung | Alles wiederholen | Alle Tags, Cheat Sheet |
15 min |
💡 Tipp: Arbeite die Einheiten der Reihe nach durch!