Nun, lass uns beide Dateien in einer HTML-Datei zusammenführen. Im HTML-Code deklarieren wir, dass CSS verwendet werden soll, indem wir ein link-Tag in den <head>-Abschnitt einfügen:
<!DOCTYPE html>
<html>
<head>
<title>Meine erste Website</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<h1>Willkommen auf meiner Website!</h1>
<p>Dies ist ein einfaches Beispiel für HTML und CSS.</p>
</body>
</html>
Die Datei styles.css sollte wie folgt aussehen:
body {
background-color: lightblue;
text-align: center;
}
h1 {
color: blue;
font-family: Arial, sans-serif;
}
p {
color: black;
font-family: Arial, sans-serif;
}