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
<h1> bis <h6>
- Absätze
<p>
- Textformatierung
<b>, <i>, <u>, <strong>, <em>
Links und Bilder
- Hyperlinks
<a>
- Bilder einfügen
<img>
- Alt-Text für Bilder
Listen
- Ungeordnete Listen
<ul>, <li>
- Geordnete Listen
<ol>, <li>
- Verschachtelte Listen
Tabellen
- Grundlegende Tabellenstruktur
<table>, <tr>, <td>
- Tabellenüberschriften
<th>
- 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></pre für verschiedene Formate
=== Semantische HTML5-Tags === * Bedeutung und Verwendung von <pre><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