HTML -Absätze
Ein Absatz beginnt immer in einer neuen Zeile und ist normalerweise ein Textblock.
HTML-Absätze
Das HTML- <p>Element definiert einen Absatz.
Ein Absatz beginnt immer in einer neuen Zeile, und Browser fügen vor und nach einem Absatz automatisch etwas Leerraum (einen Rand) hinzu.
Beispiel
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
HTML-Anzeige
Sie können nicht sicher sein, wie HTML angezeigt wird.
Große oder kleine Bildschirme und in der Größe geänderte Fenster erzeugen unterschiedliche Ergebnisse.
Bei HTML können Sie die Anzeige nicht ändern, indem Sie Ihrem HTML-Code zusätzliche Leerzeichen oder zusätzliche Zeilen hinzufügen.
Der Browser entfernt automatisch alle zusätzlichen Leerzeichen und Zeilen, wenn die Seite angezeigt wird:
Beispiel
<p>
This paragraph
contains a lot of lines
in the source code,
but
the browser
ignores it.
</p>
<p>
This paragraph
contains
a lot of spaces
in the source
code,
but the browser
ignores
it.
</p>
Horizontale HTML-Regeln
Das <hr>Tag definiert einen thematischen Bruch in einer HTML-Seite und wird meistens als horizontale Linie angezeigt.
Das <hr>Element wird verwendet, um Inhalte in einer HTML-Seite zu trennen (oder eine Änderung zu definieren):
Beispiel
<h1>This is heading 1</h1>
<p>This is some text.</p>
<hr>
<h2>This is heading 2</h2>
<p>This is some other text.</p>
<hr>
Das <hr>Tag ist ein leeres Tag, was bedeutet, dass es kein End-Tag hat.
HTML-Zeilenumbrüche
Das HTML <br>-Element definiert einen Zeilenumbruch.
Verwenden <br>Sie, wenn Sie einen Zeilenumbruch (eine neue Zeile) wünschen, ohne einen neuen Absatz zu beginnen:
Beispiel
<p>This is<br>a paragraph<br>with line breaks.</p>
Das <br>Tag ist ein leeres Tag, was bedeutet, dass es kein End-Tag hat.
Das Gedichtproblem
Dieses Gedicht wird in einer einzigen 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>
Lösung - Das HTML <pre> Element
Das HTML <pre>-Element 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>
HTML-Übungen
HTML-Tag-Referenz
Die Tag-Referenz von W3Schools enthält zusätzliche Informationen zu HTML-Elementen und ihren Attributen.
| Tag | Description |
|---|---|
| <p> | Defines a paragraph |
| <hr> | Defines a thematic change in the content |
| <br> | Inserts a single line break |
| <pre> | Defines pre-formatted text |
Eine vollständige Liste aller verfügbaren HTML-Tags finden Sie in unserer HTML-Tag-Referenz .