Um ein prägnantes und ansprechendes Layout zu erzeugen, können wir nun Farben und Schriftarten in unserer Webseite kombinieren. Sehen wir uns eine praktische Beispielanwendung an. Ein einfaches HTML-Dokument, das Farben und Schriftarten verwendet, könnte wie folgt aussehen:
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Meine Webseite</title>
<style>
body {
background-color: #ffffff; /* Weiß */
color: #000000; /* Schwarz */
font-family: 'Arial', sans-serif;
font-size: 16px;
}
h1 {
color: #ff0000; /* Rot */
font-size: 24px;
}
p {
color: #00ff00; /* Grün */
font-size: 14px;
}
</style>
</head>
<body>
<h1>Willkommen auf meiner Seite!</h1>
<p>Dies ist ein einfacher Text mit verschiedenen Farben und Schriftarten.</p>
</body>
</html>