Genug der Theorie. Jetzt tasten wir uns mal ganz sachte an die Materie heran.
Wenn ihr euch die zuvor erstellte Seite in einem Browser aufruft, sieht das alles noch ziemlich dürftig aus (mal davon abgesehen, dass es auch nur wenig Inhalt gibt). Bringen wir deshalb etwas Farbe ins Spiel.
Da wir ja zwecks Übersichtlichkeit innerhalb des Body möglichst keinerlei Formatangaben mehr haben wollen,
fügen wir diese (zunächst) in den Head-Bereich ein. Damit die Browser erkennen, dass es sich um einen CSS-Code handelt,
müssen wir ihn entsprechend deklarieren. Üblicherweise beginnt der CSS-Code mit der Einleitung
<style type ="text/css">
und wird mit
</style>
beendet.
Zwischen diese beiden Tags fügen wir dann immer alle CSS-Angaben ein. Also ergänzen wir unsere Datei wie folgt und speichern danach ab:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Meine erste CSS-Seite</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<style type ="text/css">
</style>
</head>
<body>
Meine erste CSS Seite
</body>
</html>
Am Erscheinungsbild hat sich dadurch noch nichts geändert.
Definieren wir deshalb als nächstes eine Hintergrundfarbe.
Um einen Link zu setzen, der direkt auf diese Seite führt,
verwende folgende Url: