HTML und CSS

Tipp echtes HTML und echte Stylesheets: HTML5-Elemente, CSS-Selektoren, Farben, Transformationen und Animationen, dann Formulare, Flexbox, Grid und responsives Design. Der Code ist englisch, wie in echten Projekten.

19 Lektionen66 SchrittePro

Hier starten

Lektion 1 · HTML-Dokument · Schritt 1Die Doctype-Angabe▷ Einführung 10 s

Starten

Melde dich an, um deine Sterne zu behalten und dort weiterzumachen, wo du aufgehört hast.

WerbungWerbung entfernen

The Typing Cat Pro: alle Kurse freischalten. Keine Werbung, Zertifikate, KI-Analysen. Pro ansehen.

Alle Kurse und keine dieser AnzeigenPro öffnet die ganze Bibliothek und macht die Seite werbefrei. 5,99 $ im Monat.Pro ansehen

1Die Doctype-AngabeHier startenHier starten▷ 10 Sek.Starten
2Der Seiteninhalt

The Typing Cat erhält 4,1 von 5 Sternen aus 97.379 Bewertungen

1Lektion 1HTML-DokumentDer Doctype, der Head und der Body einer HTML5-Seite.2 Schritte

2Lektion 2Gliederungselementesection, Überschriften, article, nav, details und form.6 Schritte

3Lektion 3Eingebettete Inhaltefigure, picture, audio und video.4 Schritte

4Lektion 4Textelementetime, mark und abbr in einem Absatz.3 Schritte

5Lektion 5CSS-SelektorenAttributselektoren, Pseudoklassen, Pseudoelemente und Kombinatoren.4 Schritte

6Lektion 6CSS-FarbenFarbwerte als Hex, rgb, rgba, hsl und hsla.1 Schritt

7Lektion 7CSS-Einheiten und calc()Längeneinheiten und calc()-Ausdrücke.2 Schritte

8Lektion 8CSS-Media-Queries@media-Regeln für Bildschirmgrößen und Ausrichtung.1 Schritt

9Lektion 9CSS-Transformationentranslate, rotate, scale, 3D-Transformationen und Perspektive.4 Schritte

10Lektion 10CSS-ÜbergängeDie Kurzschreibweise transition mit Timing-Funktionen und Verzögerungen.1 Schritt

11Lektion 11CSS-AnimationenDie Kurzschreibweise animation und @keyframes-Regeln.3 Schritte

12Lektion 12HTML-Grundgerüst und HeadDie Struktur eines HTML-Dokuments und die Elemente im Head.4 Schritte

13Lektion 13Semantische ElementeSemantische HTML5-Elemente für eine barrierefreie Seitenstruktur.4 Schritte

14Lektion 14Formulare und EingabefelderFormularelemente mit Attributen und Validierung.5 Schritte

15Lektion 15CSS-Selektoren und -EigenschaftenCSS-Selektoren, Eigenschaften und Werte.5 Schritte

16Lektion 16Flexbox-LayoutFlexbox-Eigenschaften für eindimensionale Layouts.4 Schritte

17Lektion 17Grid-LayoutCSS-Grid-Eigenschaften für zweidimensionale Layouts.4 Schritte

18Lektion 18CSS-Animationen und -ÜbergängeÜbergänge, Transformationen und Keyframe-Animationen.4 Schritte

19Lektion 19Responsives Design und Media-QueriesMedia-Queries und Muster für responsives Design.5 Schritte