Trennlinien

1. Normale Trennlinien

Ein weiteres Mittel um Textteile voneinander zu trennen, sind Trennlinien.
Beispiel
Über das Sein...
<hr>
Über das Bewußtsein...
...wird angezeigt als:
Über das Sein...
Über das Bewußtsein...
Hier trennt eine Linie die beiden unterschiedlichen Themen 'Sein' und 'Bewußtsein'. <hr> definiert eine Trennlinie. Es übrigens nicht möglich, daß Text neben der Trennlinie steht; deshalb ist es vollkommen egal, wo sie das <hr> hinsetzen.

2. 3D-Effekt ausschalten

Der leichte 3D-Effekt läßt sich auch ausschalten. Dies sind insbesondere bei schlichten Texten auf weißem Grund besser aus, da dann nur eine dezente schwarze Linie gezeichnet wird. Um den 3D-Effekt auszuschalten, fügen sie einfach das Wort noshade in das Tag ein. Auf einem Monochrommonitor werden Sie wahrscheinlich keinen Unterschied wahrnehmen.
Beispiel
<hr noshade>
...wird angezeigt als:

3. Länge von Trennlinien

Auch die Länge kann verändert werden. Normalerweise wird die Linie über den ganzen Bildschirm gezogen, aber man kann auch eine Länge angeben: WIDTH= heißt der Zusatzparameter. Die Breite wird entweder in Pixel angegeben oder in Prozent. 100 Prozent entsprechen dabei der Fensterbreite.
Beispiel
Es folgt eine Linie, die 75% der nächsten Zeile einnimmt.
Im Quelltext sah das ganze so aus: <hr width=75%>.

4. Position von Trennlinien

Wie Sie sehen, werden Trennlinien standardmäßig zentriert ausgerichtet. In Einzelfällen kann dies jedoch nicht erwünscht sein, so daß es eine Möglichkeit gibt, dies zu ändern. Dabei wird die bereits bekannte Angabe align= benutzt, die uns noch öfter begegnen wird. Trennlinien, die man links- oder rechtsbündig ausrichten möchte, sollte man sinnvollerweise mit width= etwas verkürzen, da man ansonsten keine Veränderung sieht.
Beispiel
Eine rechtsbündige Trennlinie, die 50% des Browserfensters einnimmt.
<hr width=50% align=right>.

5. Höhe von Trennlinien

Selbst das ist möglich, aber dazu benötigen wir eine neue Angabe: size=. Wenn Sie die Höhe der Trennlinie nicht angeben wird meistens zwei als Standardhöhe verwendet. Die Höhe wird übrigens in Pixeln angegeben.
Beispiel
Eine Trennlinie mit der Höhe 5.
<hr size=5>

6. Farbe von Trennlinien

Es ist auch möglich, Trennlinien farbig zu gestalten. Dies ist allerdings erst mit wenigen Browsern möglich:
<hr color="#ff0000">
Zeigt eine rote Trennlinie an - natürlich sind auch Farbnamen erlaubt.
Nächstes Kapitel: Farben.
Start * Das WWW * Inhalt