Zum Inhalt springen

HTML und CSS Übung: Erste Schritte mit Strukturen und Styling

Schritt 3 von 7

Textverarbeitung mit HTML und CSS Um den Text in einer Webseite noch ansprechender zu gestalten, können wir verschiedene Text-Eigenschaften nutzen. CSS bietet uns viele Eigenschaften, die Textausgaben verbessern, einschließlich Farben, Schriften und Größen. In diesem Beispiel werden wir den Text farblich und stilellisch anpassen.

/* styles.css */
h1 {
color: blue;
text-align: center;
font-family: 'Arial', sans-serif;
}
 
p {
color: red;
font-size: 14px;
font-family: 'Times New Roman', serif;
}
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>Meine erste Webseite</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>Willkommen auf meiner Webseite</h1>
<p>Hier steht der Text der Seite, der mit CSS gestaltet werden kann.</p>
</body>
</html>