Aufgabe 4: CSS Datei erstellen und zu HTML Datei hinzufügen

Erstelle eine neue Datei mit dem Namen style.css im Ordner deines Projektes.
Öffne nun die HTML Datei, die du in der vorherigen Aufgabe erstellt hast.
Füge den folgenden Code in den Kopfbereich der HTML Datei ein:

<link rel="stylesheet" href="style.css" />

Probier erstmal selbst aus, die CSS Datei zu erstellen und zu verlinken. Wenn du Hilfe brauchst, kannst du dir die Lösung anschauen.

Lösung

<!DOCTYPE html>
<html>
  <head>
    <title>Meine Website</title>
    <link rel="stylesheet" href="style.css" />
  </head>
  <body>
    <h1>Martina Mustermann</h1>
    <p>Ich bin in der 8. Klasse und wohne in Berlin.</p>
  </body>
</html>