HTML und CSS auf den Punkt gebracht

Das Projekt versteht sich als minimale Referenz für die Websprachen HTML und CSS.
Es eignet sich gut für den Einsatz im Informatik-Unterricht oder für junge Menschen, die ihre erste Versuche unternehmen, selber Websites zu programmieren. Ausserdem findest du kleine Theorie-Häppchen, aber nur gerade soviel wie nötig ist, um die präsentierten Code-Schnippsel zu verstehen. Die Erklärungen sind einfach zu verstehen.

Code online kopieren

Die HTML- und CSS-Codes auf dieser Website kannst du kopieren und in deinem Lieblings-Editor einsetzen. Mixe so ganz einfach dein eigenes Web-Projekt zusammen.

Optimiert für schmale Ansichten

Ziehe das Browserfenster zusammen, du hast so schön Platz, um gleichzeitig mit einem Code-Editor oder Codepen zu arbeiten.
Der Web Astronaut eignet sich auch gut für den Anzeigemodus im "Split View" (iPad oder MacBook), mehr dazu findest auf "Split View".

HTML macht Schule

Wenn du ganz neu beginnst, HTML- und CSS-Code zu schreiben, besteht die Möglichkeit, sich durch die Themen führen zu lassen: "Leitfaden zum Lernen". Man findet dort Übungen (Codepens und Downloads), um das Gelernte anzuwenden und zu festigen.
Diese Seite soll auch Lehrpersonen helfen, Ihren Informatik-Unterricht vorzubereiten und zu strukturieren.

Video im Hintergrund des Logos von Christian Bodhi / Pixabay