HTML-Dateien selbst erstellen: Inhaltsverzeichnis


Trennlinien

 Einfache Trennlinien
 Nicht-Schattierung von Trennlinien erzwingen
 Dicke und Länge von Trennlinien kontrollieren
 Trennlinien links oder rechts ausrichten
 Farbige Trennlinien
 Anzeigebeispiele: Trennlinien


HTML2 Einfache Trennlinien

Trennlinien dienen der optischen Abgrenzung von nicht zusammengehörigen Textabschnitten oder allgemein zur Auflockerung.

Beispiel


  Hier ist ein Abschnitt zu ende.
  <hr>
  Hier beginnt etwas Neues.

<hr> fügt eine Trennlinie ein. Dabei ist es egal, ob das Tag am Ende der Zeile des vorherigen Absatzes steht, oder in einer eigenen Zeile (wie im Beispiel), oder am Anfang des folgenden Absatzes.


 Seitenanfang


HTML3.2Netscape ab V1.1MS Internet Explorer ab V2.0 Nicht-Schattierung von Trennlinien erzwingen

Netscape und der Internet Explorer zeigen Trennlinien normalerweise in 3D-Form, d.h. schattiert, an. Bei grauem Fensterhintergrund sieht das auch recht gut aus. Bei weißem Fensterhintergrund beispielsweise geht der Schatteneffekt jedoch verloren. In diesem Fall können Sie erzwingen, daß der Browser die Trennlinie massiv und durchgezogen darstellt.

Beispiel


  Hier ist ein Abschnitt zu ende.
  <hr noshade>
  Hier beginnt etwas Neues.

Durch die Angabe noshade erreichen Sie, daß der Browser die Trennlinie massiv und durchgezogen, also nicht-schattiert anzeigt.


 Seitenanfang


HTML3.2Netscape ab V1.1MS Internet Explorer ab V2.0 Dicke und Länge von Trennlinien kontrollieren

Browser stellen Trennlinien normalerweise über die gesamte Breite des Anzeigefensters dar. Sie können erzwingen, daß die Trennlinie nur einen Teil der Anzeigebreite einnimmt. Ferner können Sie die Dicke der Linie verändern.

Beispiel


  Hier ist ein Abschnitt zu ende.
  <hr width=60%>
  Hier beginnt etwas Anderes.  
  <hr noshade width=260 size=4>
  Hier beginnt noch etwas Anderes.  

Durch die Angabe width= (mit % = Prozent der Breite des Anzeigefensters) oder (ohne % = Pixel) erreichen Sie, daß der Browser die Trennlinie so breit anzeigt wie angegeben. Die Trennlinie wird zentriert ausgerichtet, wenn Sie nichts anderes angeben.
Durch die Angabe size= (Punkt) erreichen Sie, daß der Browser die Trennlinie so dick anzeigt wie angegeben. Die Voreinstellung beträgt 2 Punkt. Mit dem Wert 1 erzwingen Sie also eine besonders dünne Trennlinie, mit Werten über 2 können Sie dickere als die normalen Trennlinien erzeugen.

Beide Angaben sind auch in Kombination mit nicht-schattierten Trennlinien (noshade) erlaubt.


 Seitenanfang


HTML3.2Netscape ab V1.1MS Internet Explorer ab V2.0 Trennlinien links oder rechts ausrichten

Das Ausrichten von Trennlinien ist nur in Verbindung mit der Angabe width= (Trennlinie verkürzen) sinnvoll, da die Trennlinie ansonsten stets über die gesamte Breite des Anzeigefensters geht.

Browser richten Trennlinien per Voreinstellung zentriert aus. Sie können die Trennlinie auch links oder rechts ausrichten.

Beispiel


  Hier ist ein Abschnitt zuende.
  <hr width=60% align=left>
  Hier beginnt etwas Anderes.  
  <hr noshade width=260 size=4 align=right>
  Hier beginnt noch etwas Anderes.  

Durch die Angabe align=left erreichen Sie, daß die Trennlinie linksbündig ausgerichtet wird. Mit der Angabe align=right wird die Trennlinie rechtsbündig ausgerichtet.

Beide Angaben sind auch in Kombination mit nicht-schattierten Trennlinien (noshade) erlaubt.


 Seitenanfang


MS Internet Explorer ab V3.0 Farbige Trennlinien

Der Microsoft Internet Explorer erlaubt ab Version 3.0 auch die Anzeige farbiger Trennlinien.

Beispiel


  Hier ist ein Abschnitt zuende.
  <hr color=#FF0000>
  Hier beginnt etwas Anderes.  

Mit der Angabe color= können Sie eine Farbe für die Trennlinie bestimmen. Dabei gelten die Regeln zum Definieren von  Farben in HTML.


 HTML-Dateien selbst erstellen: Inhaltsverzeichnis
 Seitenanfang

Blättern:
Zitate, Adressen, Hinweisabsätze und Quellcode  |  Textauszeichnung/Texthervorhebung


© 1996  Stefan Münz