Zeilenumbruch in HTML erzwingen
Einen Zeilenumbruch kann man mit dem Tag <br/> erzwingen. "br" steht für "brake row" was soviel wie Zeilenumruch heisst.
Um in unserem Text Zeilenumbrüche einzubauen müssen wir den Absatz folgendermassen ändern:
<!-- Textabsatz --> <p> Das ist mittlerweile meine vierte HTML Seite.<br/> Ich weiss jetzt schon wie ein HTML Dokument aufgebaut ist und was feste Bestandteile sind. Ich kann auch schon Überschriften einbauen und horizontale Linien mit einbauen.<br/> Im Moment bin ich dabei einen Textabsatz einzubauen.<br/> Das macht mir Spaß !!! </p>
Nun wird an den stellen wo wir den "br"-Tag eingebaut haben ein Zeilenumbruch eingefügt.Jetzt wissen wir, wie wir einen Zeilenumbruch einfügen können. Aber was ist mit einer Leerzeile?
Leerzeile
Das ist ein einfacher Trick, der eigentlich keiner ist ;-) Wir unterteilen einfach den Text in mehrere Absätze. Am Beispiel unsere Textes sieht das so aus:
<html>
<!-- Das HTML Dokument beginnt -->
<head>
<!-- Der Kopf des HTML Dokuments -->
<title>
Hallo Titel
</title>
</head>
<body>
<!-- Der Inhalt des HTML Dokuments -->
<!-- Überschrift -->
<h1>Meine fünfte Seite</h1>
<!-- horizontale Linie -->
<hr />
<!-- Textabsatz 1 -->
<p>
Das ist mittlerweile meine fünfte HTML Seite.
</p>
<!-- Textabsatz 2 -->
<p>
Ich weiss jetzt schon wie ein HTML Dokument aufgebaut ist und was
feste Bestandteile
sind. Ich kann auch schon Überschriften einbauen und horizontale
Linien mit einbauen.<br>
Im Moment bin ich dabei einen Textabsatz einzubauen.<br /> Das
macht mir Spaß !!!
</p>
<!-- Textabsatz 3 -->
<p>
Neuerdings kann ich auch Zeilenumbrüche<br> und Leerzeilen einfügen
</p>
</body>
</html>
Im Browser sieht das ganze so aus:
