Struktur reinbringen...
...mit Struktur gebenden TAGs
Ausser solchen Tags, die das Aussehen der Schrift beeinflussen, gibt es solche, die die
Struktur unseres
Textes beinträchtigen. Die wichtigsten sind die
<h>-TAGs. Sie erzeugen
überschriften in unserem Dokument. Diese TAGs haben hinter dem "h" immer eine Nummer (1-6).
Je größer die Nummer, desto kleiner wird die überschrift im Text. Ich zeige Euch was ich meine:
Quellcode:
<h4>Überschrift</h4>
<h5>Überschrift</h5>
<h6>Überschrift</h6>
...
Browservorschau:
Überschrift
Überschrift
Überschrift
Ausser, dass die Größe der überschriften variiert, haben wir auch
automatisch Absätze in unserem Dokument geschaffen.
Auch sehr nützlich sind die
<ul>- und
<li>-TAGs. Diese sind immer dann gut,
wenn wir mit Aufzählungen arbeiten. Hier ein Beispiel:
Quellcode:Hier eine kleine Aufzählung:
<ul>
<li>Waschen</li>
<li>Legen</li>
<li>Föhnen</li>
</ul>
Browservorschau:
Hier eine kleine Aufzählung:
Prinzip verstanden? Die
<ul>- und
<li>-TAGs haben den Aufzählungsteil etwas eingerückt und ausserdem praktischerweise auch schon runde Symbole vor den jeweiligen Aufzählungspunkten gesetzt. Die
<li>-TAGs sind in einem HTML-Dokument immer von
<ul>-TAGs umschlossen.
Denkt immer daran, dass (fast ausnahmslos alle) TAGs immer ein öffnendes und ein schließendes
Element haben. Das schließende Element hat immer ein Slash-Zeichen vor dem Element-Bezeichner!
<ul> und
</ul>
<li> und
</li>
<p> und
</p> und so weiter...
Dazu gesellen sich noch die
<p>-TAGs. Diese
unterteilen einen Text in Absätze, ohne dass eine Überschrift, oder eine Aufzählung generiert werden. Am besten ich zeige es Euch direkt in unserem Hasse-Seitenbacher-Projekt. Wendet alle uns bislang bekannten
Struktur gebenden TAGs in unserem Projektdokument an. Am besten so:
Quellcode:
<h2>Willkommen
auf meiner Homepage!</h2>
<h4>Wer
bin ich?</h4>
Ich bin der erste und einzige Sohn von Rainer und Renate
Hasse-Seitenbacher.
Am 29.09.1967 wurde ich in Much bei Siegburg mit einer Zange auf die
Welt befördert. Mein Vater Rainer war damals gefragter
Rosinen-Verkoster, was uns jede Menge Wohnortwechsel während
meiner Kindheit einbrachte. Nach vielen Umzügen quer durch
Europa verschlug es uns schließlich wieder zurück an
den Ort meiner Geburt.
<h4>Schulbildung</h4>
Meine Mutter kümmerte sich um den Haushalt und meine
Ausbildung. Als durchaus fähiger Schüler bestand ich
schließlich nach 15 Jahren Heimunterricht, am 10.05.1989 das
Abitur in der heimischen Küche.
<h4>Studium</h4>
Trotz anfänglicher Schwierigkeiten gelang mir, als einzigem
Anwärter, im Oktober 1992 die Aufnahme an der Fachhochschule
Much. Der Studiengang "Bachelor of Rosin-Science" (ehem.
Diplom-Rosinologe) beansprucht seit dem den größten
Teil meiner Zeit.
<p>
Durch die enge und effiziente Zusammenarbeit mit meinem Vater Prof. Dr.
Hasse-Seitenbacher wird es mir aller voraussicht nach innerhalb der
nächsten 3-4 Semster gelingen den Abschluss Bachelor of Rosin
Science zu erreichen.
</p>
<h4>Hobbies</h4>
<p>
Inspiriert von meinem Professor interessiere ich mich auch in meiner
knapp bemessenen Freizeit für alles was mit Rosinen zu tun
hat. Währen der letzten Jahre verlagerte sich der Schwerpunkt
auf Frühstückszerialien und Müsli. Meine
private Sammlung zählt mittlerweile zu den Umfangreichsten
Müsli-Archiven Europas.
</p>
Ausserdem interessiere ich mich für:
<ul>
<li>Downhillbungee</li>
<li>Drachenversteigerungen
und</li>
<li>Briefmarken-Weitwurf
in der 55ct-Klasse</li>
</ul>
<h4>Mein
Motto</h4>
Für jede Lösung gibt es auch ein Problem
Speichert das Dokument ab und öffnet es mit Eurem Browser. (mittlerweile als Favorit gespeichert?) Was Ihr
nun seht, sollte in etwa folgende Struktur haben (vorschau)
Wie Ihr bestimmt schon erkannt habt, können die einen TAGs innerhalb anderer vorkommen. Bestimmte brauchen geradezu sie umschließende Tags. (wie das Eltern-TAG <ul>)
<<< zurück II weiter >>>
