Text mit Überschrift

Die Überschriftenelemente bestehen aus sechs verschiedenen Leveln. Das HTML-Element <h1> ist die Überschrift mit der höchsten Gewichtung und <h6> mit der kleinsten. Eine Überschrift beschreibt das Thema des nachfolgenden Bereiches.

Die HTML-Elemente können in einem Artikel als neues Element Elementtyp › Text-Elemente › Text sowie in jedem anderen Element mit einem Textfeld verwendet werden. Das Überschriftenelement steht auch als eigenständiges Element unter Elementtyp › Text-Elemente › Überschrift zur Verfügung.

Weiter verfügen viele andere Elementtypen jeweils ein Feld zur Eingabe einer Überschrift und Definierung der Überschriftenebene.

Die Überschriftenebene <h1> darf nur einmalig am Anfang einer jeden Seite verwendet werden.

Überschrift h1

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor¹ invidunt₂ ut labore et dolore magna aliquyam erat, sed diam voluptua.

Überschrift h2

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor¹ invidunt₂ ut labore et dolore magna aliquyam erat, sed diam voluptua.

Überschrift h3

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor¹ invidunt₂ ut labore et dolore magna aliquyam erat, sed diam voluptua.

Überschrift h4

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor¹ invidunt₂ ut labore et dolore magna aliquyam erat, sed diam voluptua.

Überschrift h5

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor¹ invidunt₂ ut labore et dolore magna aliquyam erat, sed diam voluptua.

Überschrift h6

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor¹ invidunt₂ ut labore et dolore magna aliquyam erat, sed diam voluptua.

Quellcode

<!-- Überschriften -->
<h1>Überschrift h1</h1>
<h2>Überschrift h2</h2>
<h3>Überschrift h3</h3>
<h4>Überschrift h4</h4>
<h5>Überschrift h5</h5>
<h6>Überschrift h6</h6>

<!-- Textformatierungen -->
<p>Absatz</p>
<br> <!-- Zeilenumbruch -->
<strong>Text fett</strong>
<em>Text kursiv</em>
<span style="text-decoration: underline;">Text unterstrichen</span>
<span style="text-decoration: line-through;">Text durchgestrichen</span>
<sup>Text hochgestellt</sup>
<sub>Text tiefgestellt</sub>
<a title="Titel" href="#">Hyperlink</a>