BESTE WEBSITE FÜR WEBENTWICKLER
HTML5-Lektionen für Anfänger

Ua En Es

HTML Absätze


Ein Absatz beginnt immer in einer neuen Zeile und ist normalerweise ein Textblock.


HTML Absätze

Das HTML-Element <p> definiert einen Absatz.

Ein Absatz beginnt immer in einer neuen Zeile und Browser fügen vor und nach einem Absatz automatisch einen Leerraum (einen Rand) ein.

Beispiel

<p>Das ist ein Absatz.</p>
<p>Dies ist ein weiterer Absatz.</p>
Try it Yourself »

HTML Anzeige

Sie können nicht sicher sein, wie HTML angezeigt wird.

Große oder kleine Bildschirme und veränderte Fenstergrößen führen zu unterschiedlichen Ergebnissen.

Mit HTML können Sie die Anzeige nicht ändern, indem Sie zusätzliche Leerzeichen oder zusätzliche Zeilen in Ihren HTML-Code einfügen.

Der Browser entfernt automatisch alle zusätzlichen Leerzeichen und Zeilen, wenn die Seite angezeigt wird:

Beispiel

<p>
Dieser Absatz
enthält viele Zeilen
im Quellcode,
aber der Browser
ignoriert ihn.
</p>

<p>
Dieser Absatz
enthält         viele Leerzeichen
in der Quelle         code,
aber der        der Browser ignoriert es.
</p>
Try it Yourself »

HTML Horizontale Regeln

Das <hr>-Tag definiert einen thematischen Bruch in einer HTML-Seite und wird am häufigsten als horizontale Linie angezeigt.

Das Element <hr> wird verwendet, um Inhalte in einer HTML-Seite zu trennen (oder eine Änderung zu definieren):

Beispiel

<h1>Das ist die Überschrift 1</h1>
<p>Das ist ein Text.</p>
<hr>
<h2>Das ist die Überschrift 2</h2>
<p>Das ist ein anderer Text.</p>
<hr>
Try it Yourself »

Das <hr>-Tag ist ein leeres Tag, was bedeutet, dass es kein End-Tag hat.


HTML Zeilenumbrüche

Das HTML-Element <br> definiert einen Zeilenumbruch.

Verwenden Sie <br>, wenn Sie einen Zeilenumbruch (eine neue Zeile) wünschen, ohne einen neuen Absatz zu beginnen:

Beispiel

<p>Dies ist<br>ein Absatz<br>mit Zeilenumbrüchen.</p>
Try it Yourself »

Das <br>-Tag ist ein leeres Tag, was bedeutet, dass es kein End-Tag hat.


Das Gedichtproblem

Dieses Gedicht wird in einer einzelnen Zeile angezeigt:

Beispiel

<p>
  My Bonnie lies over the ocean.

  My Bonnie lies over the sea.

  My Bonnie lies over the ocean.

  Oh, bring back my Bonnie to me.
</p>
Try it Yourself »

Lösung – Das HTML- <pre>-Element

Das HTML-Element <pre> definiert vorformatierten Text.

Der Text innerhalb eines <pre>-Elements wird in einer Schriftart mit fester Breite (normalerweise Courier) angezeigt und behält sowohl Leerzeichen als auch Zeilenumbrüche bei:

Beispiel

<pre>
  My Bonnie lies over the ocean.

  My Bonnie lies over the sea.

  My Bonnie lies over the ocean.

  Oh, bring back my Bonnie to me.
</pre>
Try it Yourself »

HTML Übungen

Testen Sie sich mit Übungen

Übung:

Verwenden Sie das richtige HTML-Tag, um einen Absatz mit dem Text hinzuzufügen "Hello World!".

<html>
<body>

</body>
</html>


HTML Tag-Referenz

Die Tag-Referenz von W3Schools enthält zusätzliche Informationen zu HTML-Elementen und ihren Attributen.

Tag Beschreibung
<p> Definiert einen Absatz
<hr> Definiert eine thematische Änderung des Inhalts
<br> Fügen Sie einen einzelnen Zeilenumbruch ein
<pre> Definiert vorformatierten Text

Eine vollständige Liste aller verfügbaren HTML-Tags finden Sie in unserer HTML-Tag-Referenz auf unserer Website W3SchoolsDE. DasBeste.