HTML
Lernplan für HTML5 und HTML
Einführung
- Was ist HTML?
- Geschichte von HTML
- Unterschiede zwischen HTML und HTML5
Grundlegende HTML-Struktur
- <!DOCTYPE html>
- <html>, <head>, <body>
- Meta-Tags und ihre Bedeutung
Textformatierung
- Überschriften (
bis
)
- Absätze (
)
- Textformatierung (, , , , )
Links und Bilder
- Hyperlinks (<a>)
- Bilder einfügen (<img>)
- Alt-Text für Bilder
Listen
- Ungeordnete Listen (
- ,
- )
- Geordnete Listen (
- ,
- )
- Verschachtelte Listen
Tabellen
- Grundlegende Tabellenstruktur (, ,
) - Tabellenüberschriften (
) - Tabellenrahmen und -abstände
Formulare
- Formularelemente (<form>, <input>, <textarea>, <button>)
- Formularattribute (action, method)
- Verschiedene Eingabetypen (text, password, email, etc.)
Multimedia
- Einbetten von Videos (<video>)
- Einbetten von Audio (<audio>)
- Verwendung von <source> für verschiedene Formate
Semantische HTML5-Tags
- Bedeutung und Verwendung von <header>, <footer>, <article>, <section>, <nav>, <aside>
- Vorteile semantischer Tags für SEO und Barrierefreiheit
HTML5 APIs
- Einführung in HTML5 APIs
- Canvas API
- Geolocation API
- Web Storage API
Best Practices
- Sauberer und valider HTML-Code
- Barrierefreiheit (Accessibility)
- SEO-freundliche HTML-Struktur
Weiterführende Ressourcen
- Offizielle HTML5-Spezifikation
- Online-Tutorials und Kurse
- Bücher und Dokumentationen
Abschluss
- Zusammenfassung der wichtigsten Punkte
- Nächste Schritte und weiterführende Lernpfade