HTML: Inhalt, also Text mit HTML-Tags, wobei die HTML-Tags den Text quasi kommentieren im Sinne von dies ist ein Überschrift, dies eine Liste usw.

CSS: Layout, gibt an wie eine Überschrift, eine Liste usw. aussehen soll.

aber was ist denn nun der unterschied zwischen style-sheet und html?

Hat doch rfb in Antwort 1 bestens beschrieben. ;-)

Mit HTML erstellst du die Struktur deiner Seite. Also z. B. was als Überschrift dargestellt werden soll, was als normaler Fließtext, etc. Mit dem Style Sheet sorgst du dann dafür, dass die Überschrift z. B. in Arial, in einer Größe von 24px, fett, in blauer Farbe dargestellt wird.

Ahhh, Moment, da fällt mir gerade was auf. Könnte hier ein Missverständnis vorliegen?



Das sind keine zwei Varianten, sondern zwei Dinge, aus denen zusammen am Ende deine Seite wird. Das HTML enthält z. B. die Überschriften, den Text, Links, etc., das Style Sheet enthält dann die Formatierungen (z. B. Schriftart, Schriftgröße, Schriftfarbe, Ausrichtung, etc.). In dein HTML-File bindest du das Style Sheet z. B. als externes Style Sheet ein. Wozu und wie das geht? Dazu findest du z. B. bei css4you.de eine Anleitung.

Noch zwei Links zum Thema:

Was ist HTML?

Sinn und Zweck von Stylesheets