In diesem Schritt kombinieren wir die von dir gelernten Konzepte, um eine komplexere Webseite mit verschiedenen Farben und Formaten zu erstellen. Wir werden Farben in verschiedene Elemente einbauen und den Hintergrundfarbton anpassen.
<!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>
<div style="background-color: #ADD8E6; padding: 20px;">
<h2>Ein zusätzlicher Abschnitt</h2>
<p style="color: #00008B;">Weitere Informationen hier.</p>
</div>
</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;
}
div {
background-color: #ADD8E6;
padding: 20px;
text-align: center;
}