mitmario.dev
Oranges Schild mit Code-Zeichen als Sinnbild für den HTML-Kurs
Interaktiver Kurs Im Browser Anfänger

HTML

Von der ersten Zeile Markup über Navigation, Bilder, Tabellen und Formulare bis zur fertigen Seite. Semantisch sauber, damit auch Screenreader mitkommen.

Hier geht es los

Abschnitt 1 · HTML verstehen

Was ist HTML?

Lektion 1 von 8 · Noch nicht begonnen

Kurs starten

Lesen kannst du jede Lektion ohne Konto. Mit dem Basis Konto, das nichts kostet, lässt du die Beispiele laufen, löst die Aufgaben und behältst deinen Stand auf jedem Gerät.

Deine Strecke 0 von 11 Abschnitten erledigt

Start
  1. 01 HTML verstehen , noch offen
  2. 02 Text strukturieren , noch offen
  3. 03 Listen , noch offen
  4. 04 Links und Navigation , noch offen
  5. 05 Bilder und Medien , noch offen
  6. 06 Semantik und Struktur , noch offen
  7. 07 Tabellen , noch offen
  8. 08 Formulare , noch offen
  9. 09 Der Kopf der Seite , noch offen
  10. 10 Interaktion ohne JavaScript , noch offen
  11. 11 Sauberes HTML , noch offen
CSS JavaScript PHP danach
Ein Punkt ist ein Abschnitt, jeder endet mit einem kurzen Test. Ein Klick schlägt ihn unten auf.

Abschnitt 10

Interaktion ohne JavaScript

0 von 4 erledigt
  1. 10.1 Aufklappen mit details
  2. 10.2 Popover
  3. 10.3 Dialoge

Am Ende des Abschnitts

Ein kurzer Test, eine Frage nach der anderen.

Mit Lektion 10.1 anfangen

Lehrplan

0 von 11 erledigt
01 HTML verstehen 0 / 8
  1. 1.1 Was ist HTML?
  2. 1.2 Dein erstes HTML
  3. 1.3 Das Grundgerüst
  4. 1.4 Verschachtelung
  5. 1.5 Void-Elemente
  6. 1.6 Attribute
  7. 1.7 Sonderzeichen
Mit Lektion 1.1 anfangen
02 Text strukturieren 0 / 6
  1. 2.1 Überschriften und Hierarchie
  2. 2.2 Absätze und Textfluss
  3. 2.3 Betonung und Hervorhebung
  4. 2.4 Zitate, Code und Datenauszeichnung
  5. 2.5 Weitere Textauszeichnung
Mit Lektion 2.1 anfangen
03 Listen 0 / 4
  1. 3.1 Aufzählungen
  2. 3.2 Verschachtelte Listen
  3. 3.3 Beschreibungslisten
Mit Lektion 3.1 anfangen
04 Links und Navigation 0 / 4
  1. 4.1 Links
  2. 4.2 Pfade und Verzeichnisse
  3. 4.3 Sprungmarken und Navigation
Mit Lektion 4.1 anfangen
05 Bilder und Medien 0 / 5
  1. 5.1 Bilder
  2. 5.2 Bilder für alle Bildschirme
  3. 5.3 Figuren und Bildunterschriften
  4. 5.4 Audio, Video und Einbettungen
Mit Lektion 5.1 anfangen
06 Semantik und Struktur 0 / 5
  1. 6.1 Warum Semantik zählt
  2. 6.2 Der Seitenaufbau
  3. 6.3 article und section
  4. 6.4 Block und Inline
Mit Lektion 6.1 anfangen
07 Tabellen 0 / 4
  1. 7.1 Tabellen
  2. 7.2 Tabellen richtig strukturieren
  3. 7.3 Zellen verbinden
Mit Lektion 7.1 anfangen
08 Formulare 0 / 8
  1. 8.1 Formulare
  2. 8.2 Formulardaten verschicken
  3. 8.3 Eingabetypen
  4. 8.4 Radio und Checkbox
  5. 8.5 Auswahllisten und Textbereiche
  6. 8.6 Eingaben prüfen und erleichtern
  7. 8.7 Ein ganzes Formular Projekt
Mit Lektion 8.1 anfangen
09 Der Kopf der Seite 0 / 4
  1. 9.1 Titel und Beschreibung
  2. 9.2 Der vollständige Kopf
  3. 9.3 CSS und JavaScript einbinden
Mit Lektion 9.1 anfangen
10 Interaktion ohne JavaScript 0 / 4
  1. 10.1 Aufklappen mit details
  2. 10.2 Popover
  3. 10.3 Dialoge
Mit Lektion 10.1 anfangen
11 Sauberes HTML 0 / 7
  1. 11.1 Barrierefreiheit
  2. 11.2 ARIA und Tastaturbedienung
  3. 11.3 HTML prüfen und Fehler finden
  4. 11.4 Deine erste eigene Datei
  5. 11.5 Eine ganze Seite bauen Projekt
  6. 11.6 Bau dir was
Mit Lektion 11.1 anfangen

59 Lektionen47 Aufgaben mit Prüfliste11 Abschnittstestsläuft im Browserdas Basis Konto reicht

Wie es weitergeht