HTML-Tags

HTML-Formatierung von Texten

Diese Übersicht zeigt die wichtigsten HTML-Tags zur Textstruktur und Formatierung. Zu jedem Tag sind ein Code-Beispiel und eine Live-Vorschau direkt untereinander dargestellt. Das ist besonders praktisch, weil man auf einen Blick sieht, wie ein Tag geschrieben wird und wie er sich tatsächlich im Browser darstellt, ohne selbst Code testen oder nachschlagen zu müssen.

<h1>Überschrift Ebene 1</h1>
<h2>Überschrift Ebene 2</h2>
<h3>Überschrift Ebene 3</h3>
<h4>Überschrift Ebene 4</h4>
<h5>Überschrift Ebene 5</h5>
<h6>Überschrift Ebene 6</h6>

Überschrift Ebene 1

Überschrift Ebene 2

Überschrift Ebene 3

Überschrift Ebene 4

Überschrift Ebene 5

Überschrift Ebene 6

<p>

<p>Dies ist ein Textabsatz.</p>

Dies ist ein Textabsatz.

<br>

Zeile 1<br>
Zeile 2

Zeile 1
Zeile 2

<hr>

<strong>Wichtig!</strong>

Wichtig!

<em>

<em>Betont</em>

Betont

<b>

Fett

<i>

<i>Kursiv</i>

Kursiv

<u>

<u>Unterstrichen</u>

Unterstrichen

<small>

<mark>

<mark>markiert</mark>

markiert

H<sub>2</sub>O, x<sup>2</sup>

H₂O, x²

<blockquote>Ein Zitat.</blockquote>

Ein Zitat.

<q>

<q>Ein kurzes Zitat</q>

Ein kurzes Zitat

<code>

let x = 5;

<pre>

<pre> eingerückter Text</pre>

  eingerückter Text

<abbr>

HTML