HTMLInternetWebdesign

HTML: Absatz und Zeilenumbruch

Für eine gute Struktur in Ihren HTML Texten ist es sinnvoll Absätze und Zeilenumbrüche zu nutzen. Welche HTML Elemente Sie dafür nutzen und wie so etwas aussehen kann, zeigen wir Ihnen in diesem HTML-Tipp.

HTML Absätze mit dem <p>-Element

In der Regel werden Textblöcke und entsprechende Absätze in HTML mit dem P-Tag realisiert. P steht für Paragraph, was in deutschem wieder rum für Absatz steht. Und so wird ein HTML-Absatz gebildet.

<p>
Erster Textblock
</p>
<p>
Zweiter Textblock
</p>

Standardmäßig geht dieser Textblock nun von links nach rechts in der voll verfügbaren Breite. Sie können dem P-Element aber auch noch weitere HTML-Elemente zuordnen. Bspw. den HTML Textblock zentrieren. oder was gerne in Zeitungen oder wissenschaftlichen Texten verwendet wird: HTML Text im Blocksatz ausgeben. Weitere Stylingoptionen finden Sie auf unserer Webseite.

HTML Zeilenumbruch mit <br> erzwingen

Der Abstand zwischen den verschiedenen Textblöcken wird durch das P-Element bestimmt. Wenn Sie nun weitere Absätze erzwingen wollten – sei es innerhalb oder außerhalb des Textblocks – können Sie mit <br/> einen Zeilenumbruch erzwingen. Und so sieht dies im HTML Quelltext aus:

<p>
Erster Textblock<br/>

Zeilenumbruch
</p>
<p>
Zweiter Textblock
</p>

So einfach erstellen Sie Absätze und Zeilenumbrüche in HTML. Weitere HTML-Tipps, wie Sie z. B. HTML Code auskommentieren oder in HTML Bilder einfügen können, erfahren Sie auf unserer Seite.

Das könnte Ihnen auch gefallen