|
|
| Zeile 1: |
Zeile 1: |
| == Lernplan für HTML5 und HTML ==
| | {{#mermaid:sequenceDiagram |
| | Client->>DispatcherServlet: HTTP-Anfrage |
| | DispatcherServlet->>Controller: Auswahl der Methode |
| | Controller->>Service: Geschäftslogik |
| | Service->>Repository: Datenzugriff |
| | Repository-->>Service: Daten |
| | Service-->>Controller: Daten |
| | Controller-->>DispatcherServlet: Antwort |
| | DispatcherServlet-->>Client: HTTP-Antwort |
| | }} |
|
| |
|
| === Einführung ===
| | <br> |
| * Was ist HTML?
| |
| * Geschichte von HTML
| |
| * Unterschiede zwischen HTML und HTML5
| |
|
| |
|
| === Grundlegende HTML-Struktur ===
| | {{#mermaid:graphTD |
| * <!DOCTYPE html>
| | A[Client: HTTP-Anfrage] --> B(DispatcherServlet: Anfrageempfang); |
| * <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> 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
| |