If you're seeing this message, it means we're having trouble loading external resources on our website.

Wenn du hinter einem Webfilter bist, stelle sicher, dass die Domänen *. kastatic.org und *. kasandbox.org nicht blockiert sind.

Hauptinhalt

Lerneinheit: Einführung in HTML/CSS: Webseiten erstellen

Einführung in HTML

Lerne
Herzlich Willkommen im Web!
(Öffnet ein modal)
HTML-Grundlagen
(Öffnet ein modal)
Tipp: HTML-Tags
(Öffnet ein modal)
Challenge: Schreibe ein Gedicht
(Öffnet ein modal)
HTML: Text hervorheben
(Öffnet ein modal)
Challenge: Du kannst Text-Tags lernen
(Öffnet ein modal)
HTML: Listen
(Öffnet ein modal)
Challenge: Wunschliste
(Öffnet ein modal)
HTML: Bilder
(Öffnet ein modal)
Challenge: Eine traumhafte Reise
(Öffnet ein modal)

Einführung in CSS

Lerne
CSS-Grundlagen
(Öffnet ein modal)
Tipp: Nach Tag-Namen selektieren
(Öffnet ein modal)
Challenge: Das farbenfrohe Viech
(Öffnet ein modal)
Challenge: Die Jahreszeiten- IDs
(Öffnet ein modal)
Challenge: Äpfel- und Bananenklassen
(Öffnet ein modal)
Projekt: Reise-Website
(Öffnet ein modal)
Übe
Einfache CSS-Selektoren verwenden
4 Aufgaben

Weitere HTML-Tags

Lerne
Challenge: Links zum Lernen
(Öffnet ein modal)
Challenge: Spring dahin!
(Öffnet ein modal)
Challenge: Abendessen
(Öffnet ein modal)
Projekt: Rezeptbuch
(Öffnet ein modal)

CSS Text-Eigenschaften

Lerne
Challenge: Coole Schriftfamilien
(Öffnet ein modal)
Challenge: Riesengroße Schriftgrößen
(Öffnet ein modal)
Challenge: Berühmte Font-Formate
(Öffnet ein modal)
Projekt: Blog
(Öffnet ein modal)
Übe
CSS Text-Eigenschaften verwenden
4 Aufgaben

Web-Entwicklungstools

Lerne
Die Browser-Entwicklertools benutzen
(Öffnet ein modal)
Webseiten außerhalb der Khan Academy entwickeln
(Öffnet ein modal)
Deine Webseite auf einem Server hosten
(Öffnet ein modal)
Deine Webseite auf Github hosten
(Öffnet ein modal)

CSS-Layout

Lerne
Challenge: Die Gruppierer
(Öffnet ein modal)
Challenge: Der übervolle Ozean
(Öffnet ein modal)
Challenge: Das Boxer-Modell
(Öffnet ein modal)
Challenge: Die Position des Planeten
(Öffnet ein modal)
Challenge: Schwimmende Wolken
(Öffnet ein modal)
Plane deine Webseite
(Öffnet ein modal)
Projekt: Einladung
(Öffnet ein modal)
Übe
CSS Layout-Eigenschaften verwenden
5 Aufgaben

Weitere CSS-Selektoren

Lerne
Challenge: Eine klasse Galerie
(Öffnet ein modal)
Challenge: Elementklassen
(Öffnet ein modal)
Challenge: Nachfahren von Khan
(Öffnet ein modal)
Challenge: Gruppierte Tiere
(Öffnet ein modal)
Übe
Regeln zur CSS-Spezifität
4 Aufgaben

Lerne mehr

Lerne
Webpage Design
(Öffnet ein modal)
Was du als Nächstes lernen kannst
(Öffnet ein modal)
Übe
HTML validieren
4 Aufgaben

Über diese Lektion

Lerne, wie du mit HTML und CSS Webseiten erstellen kannst. HTML ist die Markup Language, mit der du den Inhalt, die Überschriften, Listen, Tabellen, usw auf deiner Seite beschreibst. CSS ist die Stylesheet Language, um die Seite zu gestalten und Farbe, Schriftart, Layout und vieles mehr zu definieren.