Zeilenumbrüche und Trennlinien: <br> und <hr>
Zeilenumbrüche und Trennlinien: <br> und <hr>
~6 Min. Lesezeit Zuletzt aktualisiert am 8. August 2026
In diesem Kapitel lernst du zwei kleine Elemente kennen, die beide etwas Besonderes gemeinsam haben: Sie brauchen keinen schließenden Tag.
<br>: ein Zeilenumbruch
Manchmal willst du innerhalb eines einzigen Absatzes an einer bestimmten Stelle einen Zeilenumbruch erzwingen, zum Beispiel bei einer Adresse oder einem Gedicht. Dafür gibt es <br> ("break", also "Umbruch"):
<p>Finn Müller<br>
Musterstraße 12<br>
12345 Musterstadt</p>Beachte: <br> hat kein schließendes </br>. Es ist ein sogenanntes "selbstschließendes" Element - es steht ganz allein, ohne Inhalt dazwischen, weil es selbst gar keinen Inhalt hat. Es markiert nur eine einzelne Stelle im Text.
Achtung: Benutze <br> nicht, um Abstand zwischen zwei völlig unterschiedlichen Themen zu erzeugen (dafür sind mehrere <p>-Elemente da). <br> ist nur für Zeilenumbrüche innerhalb eines zusammenhängenden Textes gedacht, wie bei einer Adresse.
<hr>: eine Trennlinie
<hr> ("horizontal rule", also "waagerechte Linie") zeichnet eine dünne horizontale Linie über die ganze Breite und markiert damit einen thematischen Übergang - sozusagen "neues Thema ab hier".
<p>Das war der letzte Absatz zum alten Thema.</p>
<hr>
<p>Und hier beginnt ein ganz neues Thema.</p>Auch <hr> hat keinen schließenden Tag - genau wie <br> ist es ein einzelnes, in sich abgeschlossenes Element.
Beide in Finns Webseite ausprobieren
Füge am Ende der Seite eine kleine Kontakt-Notiz mit Adresse hinzu, getrennt durch eine Linie:
<h3>Unsere Erfolge</h3>
<p>Letztes Jahr wurden wir Zweiter in unserer Liga.</p>
<hr>
<p>Finn Müller<br>
Musterstraße 12<br>
12345 Musterstadt</p>Tipp: Faustregel für später: Sowohl <br> als auch <hr> sollten sparsam eingesetzt werden. Wenn du merkst, dass du sehr viele <br> hintereinander benutzt, um Abstände zu erzeugen, ist das oft ein Zeichen, dass eigentlich eine Liste (das lernst du gleich) die bessere Wahl wäre.