📝 Textformatierung

<p> – Absatz

Zweck: Trennt Textabschnitte voneinander.

<p>Das ist ein Absatz.</p>

Beispielausgabe:

Das ist ein Absatz.

<br> – Zeilenumbruch

Zweck: Erzwingt einen Zeilenumbruch innerhalb eines Absatzes.

Erste Zeile<br>Zweite Zeile

Beispielausgabe:

Erste Zeile
Zweite Zeile

<strong> & <em> – Betonung

Zweck: Betonen oder Hervorheben von Text auf semantisch korrekte Weise.

<strong>Wichtig!</strong>
<em>Betont</em>es anders.

Beispielausgabe:

Wichtig! Betont es anders.

Tipp: Vermeide <b> und <i> fĂŒr reine Betonung – sie sind nur visuell, nicht semantisch.

<b> & <i> – Visuelle Hervorhebung

Zweck: Fett oder kursiv darstellen, ohne semantische Bedeutung.

<b>Fett</b> und <i>kursiv</i>

Beispielausgabe:

Fett und kursiv

<mark> – Text hervorheben

Zweck: Markiert Text wie mit einem Textmarker.

<mark>Wichtige Stelle</mark>

Beispielausgabe:

Das ist eine wichtige Stelle im Text.

<small>, <sup>, <sub>

Zweck: Text kleiner, hoch- oder tiefgestellt darstellen.

<small>Kleiner Text</small>
E = mc<sup>2</sup>
H<sub>2</sub>O

Beispielausgabe:

Kleiner Text
E = mc2
H2O

<pre> – Vorformatierter Text

Zweck: Bewahrt Leerzeichen, ZeilenumbrĂŒche und EinrĂŒckungen im Text.

<pre>
  Zeile 1
    Zeile 2 (eingerĂŒckt)
  Zeile 3
</pre>

Beispielausgabe:

  Zeile 1
    Zeile 2 (eingerĂŒckt)
  Zeile 3

<blockquote> & <q> – Zitate

Zweck: Kennzeichnet wörtliche Zitate (kurz oder lang).

<q>Kurzes Zitat</q>
<blockquote>LĂ€ngeres Zitat ĂŒber mehrere Zeilen.</blockquote>

Beispielausgabe:

Kurzes Zitat

LĂ€ngeres Zitat ĂŒber mehrere Zeilen.

<code> & <abbr>

Zweck: Darstellung von Code oder AbkĂŒrzungen mit Tooltip.

<code><h1>Überschrift</h1></code>
<abbr title="HyperText Markup Language">HTML</abbr>

Beispielausgabe:

<h1>Überschrift</h1>

HTML