Nun kombinieren wir HTML und CSS in einer einheitlichen Datei, um eine integrierte Seite zu erstellen. Wir legen den Text in einen Hintergrundfarbe und ändern die Schriftart der Überschrift.
HTML und CSS in einer Datei:
<!DOCTYPE html>
<html>
<head>
<title>Meine erste Webseite</title>
<style>
body {
background-color: lightblue;
}
h1 {
color: navy;
font-family: Arial, sans-serif;
}
p {
color: darkblue;
font-family: Arial, sans-serif;
}
</style>
</head>
<body>
<h1>Willkommen auf meiner Webseite!</h1>
<p>Dies ist ein einfacher Textabsatz.</p>
<img src="mein_bild.jpg" alt="Bild">
</body>
</html>