Füllen wir unseren Content mit etwas Inhalt, zum Beispiel mit einem beliebigen Text.
Wir beginnen mit der Überschrift, indem wir diesmal eine Stufe kleiner, also "h2" verwenden. Formatiert "h2" wieder nach eigenem Gusto.
Den Text zeichnen wir mit den üblichen <p>-Tags aus und für einen Zeilenwechsel verwenden
wir <br>.
Ihr könnt jetzt mal euren eigenen Text schreiben, eine Story über eure Schwiegermutter oder vom Pferd verfassen, oder
damit's schneller geht mal einfach meine Story übernehmen (Kopieren ist hier mal ausnahmsweise erlaubt - ihr habt das
doch bisher hoffentlich strikt unterlassen und manuell gearbeitet?).
Die "index.html" wird zu diesem Zweck wie folgt erweitert:
<!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">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="header">>
<h1>Meine erste CSS-Seite</h1>
</div> <!--Ende header-->
<div id="navi">
<a href="seite1.html">CSS Teil 1</a>
</div> <!--Ende Navi-->
<div id="content">
<h2>Wie ich zum CSS-Kurs kam</h2>
<p>
Es begab sich zu Friedels Board. Als Friedel bereits einen hervorragenden HTML-Crash-Kurs veröffentlicht hatte, machte sich
ein Adlerauge auf, um den Inhalt dieses Kurses in die Praxis umzusetzen. Das Adlerauge hielt sein Adlerauge aber auf und
achtete insbesondere auf die Rechtschreibfehler, so dass das Adlerauge vom Friedel zur "Ehrenlektorin" ernannt
wurde.
</p>
<p>
Ob dieses Titels fühlte sich das Adlerauge nicht nur sehr geehrt, sondern leitete daraus ab, weitere Ansprüche stellen zu
dürfen. Also wurde schnell der Ruf nach einem CSS-Kurs laut, denn CSS ist schließlich "in" und so wollte unser
Adlerauge natürlich immer "up to date" sein.<br>
Es bohrte also immer mal wieder nach, bis unserem Friedel die glorreiche Idee einfiel, dieses Thema auf seine
"to-do-Liste" zu setzen. Immerhin verschaffte er sich damit zunächst mal Ruhe.
</p>
<p>
Zwischenzeitlich war Adlerauge - von kleineren Jokes mal abgesehen - immer schön brav und hat sich sogar aufgeopfert, einen
Pi-Kurs (Photo-Impact-Kurs) ins Board zu stellen.<br>
Die Resonanz darauf war so euphorisch, dass Adlerauge sehr schnell neben Friedel zum zweiten Forenheld (besser: Heldin)
mutierte.
</p>
<p>
Aus so einer Position heraus konnte Adlerauge natürlich noch größere Töne spucken und so versuchte sie es bei einem
anderen "Opfer".<br>
Nun, sie war auch schon des öftern unserem "sejuma" behilflich, hatte ihm dankenswerter Weise mal ein paar
Smily-Gifs gebastelt, und so stand irgendwann auch sejuma in ihrer Schuld. So nutze sie eine Forenabwesenheit unseres
Friedel zu "konspirativen" Postings und e-mails mit sejuma, um diesen schließlich zu überreden einen kleinen
CSS-Grundkurs einzustellen.
</p>
<p>
Wie Männer nun mal sind, sind sie es auch gewohnt, rechtzeitig und vorausschauend ihren Widerstand aufzugeben, um
schlimmere Folgen einer Auseinandersetzung zu vermeiden.<br>
So ließ sich sejuma überreden, haute kräftig in die Tasten und stellte schließlich den lang ersehnten CSS-Grundkurs
in dieses Forum.
</p>
<p>
Bleibt zu hoffen, dass er Anklang findet und damit für eine gewisse Zeit wieder "CSS-Ruhe" im Board einkehrt.
</p>
Es grüßt euch:<br>
sejuma
</div> <!--Ende content-->
</body>
</html>
Auf diese Weise habt ihr nun auch erfahren, wie ich zu meinem ersten "CSS-Kurs" kam.
Wir machen noch etwas "Feintuning" mit der Eigenschaft Padding.
Um einen Link zu setzen, der direkt auf diese Seite führt,
verwende folgende Url: