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 tempor1 invidunt2 ut labore et dolore magna aliquyam erat, sed diam voluptua.

Überschrift h2

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor1 invidunt2 ut labore et dolore magna aliquyam erat, sed diam voluptua.

Überschrift h3

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor1 invidunt2 ut labore et dolore magna aliquyam erat, sed diam voluptua.

Überschrift h4

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor1 invidunt2 ut labore et dolore magna aliquyam erat, sed diam voluptua.

Überschrift h5

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor1 invidunt2 ut labore et dolore magna aliquyam erat, sed diam voluptua.

Überschrift h6

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor1 invidunt2 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>