Kurz: Struktur und Gestaltung jeder Webseite.
Genauer: HTML + CSS wird eingesetzt für Webseiten, E-Mail-Vorlagen, Oberflächen von Web-Apps, Dokumentation. HTML beschreibt, was auf einer Webseite steht (Überschriften, Absätze, Bilder, Formulare). CSS bestimmt, wie es aussieht (Farben, Abstände, Layout). Zusammen sind sie das Fundament jeder Webseite. Dieser Kurs bringt dir beides von Grund auf bei, mit vielen Beispielen, die du direkt auf der Seite ausprobieren kannst.
Steckbrief
| Eigenschaft | Wert |
|---|---|
| Erschienen | 1993 |
| Entwickelt von | Tim Berners-Lee (HTML), Håkon Wium Lie (CSS) |
| Paradigmen | deklarativ (Auszeichnung und Gestaltung) |
| Typisierung | keine Programmiersprache im engeren Sinn |
| Ausführung | Browser-Rendering |
| Paketverwaltung | npm (Frameworks) |
| Dateiendung | .html, .css |
| Sprachfamilie | Web-Sprachen |
Einsatzgebiete
Webseiten, E-Mail-Vorlagen, Oberflächen von Web-Apps, Dokumentation.
So führst du Code aus
Datei index.html mit einem Texteditor anlegen und per Doppelklick im Browser öffnen. Änderungen mit F5 neu laden. Fast alle Beispiele hier kannst du direkt unter “Probier es selbst” ändern und ausführen.
Der Kurs: 27 Kapitel
Jedes Kapitel enthält geprüfte Beispiele mit echter Ausgabe, Merksätze, eine Übungsaufgabe und ein Quiz. Zum Üben mit Fortschrittsanzeige, Abzeichen und Zertifikat: HTML + CSS-Kurs auf der Lernseite.
HTML: Struktur
Kapitel
- Das Grundgerüst einer Seite
- Überschriften, Absätze und Textformatierung
- Links und Navigation
- Bilder und Grafiken
- Listen
- Tabellen
- Formulare
- Semantisches HTML und Seitenaufbau
- Audio, Video und eingebettete Inhalte
- Head, Meta-Angaben und globale Attribute
- Barrierefreies HTML
- Selektoren
- Farben und Hintergründe
- Text und Schriften
- display, position und Überlagerung
- Layout mit Flexbox
- Layout mit CSS Grid
- Responsive Webdesign
- CSS-Variablen und Funktionen
- Übergänge, Transformationen und Animationen
- Moderne CSS-Funktionen
- Projekt: Eine komplette Landing Page
- Nachschlagen: Spickzettel
CSS: Gestaltung
CSS: Layout
Praxis
Ähnliche Sprachen
- JavaScript: Die Sprache des Webs, im Browser und auf dem Server
- TypeScript: JavaScript mit Typen: weniger Fehler, bessere Werkzeuge
Siehe auch
Programmiersprachen im Überblick, Sprachen im Vergleich, Zeitstrahl der Programmiersprachen, Programmierparadigmen, Kompiliert oder interpretiert?