Jetzt, wo du die grundlegenden Strukturen in HTML und die Stile in CSS verstehst, lass uns weitergehen und einige farbige Elemente hinzufügen, um die Seite ansprechender zu gestalten. Wir fügen nun Farbe zu den Texten hinzu und passen den Hintergrundfarbton an.
<!DOCTYPE html>
<html>
<head>
<title>Eine einfache Webseite</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<h1 style="color: #FF5733;">Selbstständige Lernende</h1>
<p style="color: #2E8B57;">Willkommen auf unserer Webseite!</p>
</body>
</html>
body {
background-color: #f0f0f0;
color: #333;
font-family: Arial, sans-serif;
}
h1 {
color: #007BFF;
text-align: center;
}
p {
color: #FFD700;
text-align: justify;
}