Text in Paragraphen

Gewöhnlicher Text wird häufig in p-Elementen angegeben. p steht dabei für paragraph bzw. Absatz.

<p>
  Hier steht ein Text in einem eigenen Absatz. Und hier steht noch ein
  Satz.
</p>

Kommen in HTML-Elementen mehrere Leerzeichen und Zeilenumbrüche vor, dann werden diese in der Regel vom Browser bei der Darstellung ignoriert. Wir könnten das obige p-Element mit einigen Leerzeichen erstellen:

<p>
  Hier steht ein     Text in einem eigenen     Absatz.
  
  Und hier steht noch ein     Satz.
</p>

Dennoch ist die Darstellung der Paragraphen im Browser in beiden Fällen gleich, d.h. der whitespace (mehrere Leerzeichen, Zeilenumbrüche, usw.) wird ignoriert:

Hier steht ein Text in einem eigenen Absatz. Und hier steht noch ein Satz.

Mit br-Elementen (br steht für break) können Zeilenumbrüche erzwungen werden:

<p>
  Hier steht ein Text in einem eigenen Absatz.
  <br />
  Und hier steht noch ein Satz.
</p>

Nun erscheint der Zeilenumbruch im Browser:

Hier steht ein Text in einem eigenen Absatz.

Und hier steht noch ein Satz.

br ist ein leeres Element ohne Inhalt. Es ist auch erlaubt, br ohne Schrägstrich anzugeben, was häufig zu sehen ist:

<br>

Sind mehrere Leerzeichen oder Abstände erwünscht, dann kann dies einerseits mit CSS erreicht werden. Anderseits steht dazu auch mit non breaking space eine spezielle Entity bereit:

Folgendes     hat etwas mehr Abstand.

Dies erscheint in etwa so im Browser:

Folgendes     hat etwas mehr Abstand.

Im folgenden Artikel steht mehr zu Entities.