Forum digitalis

1.3 Text und Inhalte

Überschriften

HTML bietet sechs Ebenen von Überschriften: <h1> bis <h6>. Sie strukturieren den Inhalt hierarchisch, von der wichtigsten bis zur kleinsten Überschrift, und helfen sowohl beim Lesen als auch für die semantische Auszeichnung.

Text

Absätze werden mit <p> markiert. Für Zeilenumbrüche verwendet man <br>, und für thematische Trennlinien <hr>. Diese Elemente strukturieren den Fliesstext und sorgen für Lesbarkeit.

Hervorhebung

HTML stellt verschiedene Elemente zur Betonung und speziellen Darstellung bereit: <strong> für wichtige Inhalte, <em> für betonte Inhalte, <code> für Quellcode, <pre> für vorformatierten Text und <mark> zum Markieren von Textstellen.

Beispiel

Im Folgenden ist ein Beispiel mit den vorher aufgezählten Befehlen.

<!DOCTYPE html> <html lang="de"> <head> <meta charset="UTF-8"> <title>Beispiel: Text & Überschriften</title> </head> <body> <h1>Dies ist eine H1-Überschrift</h1> <h2>Dies ist eine H2-Überschrift</h2> <p>Dies ist ein Absatz mit normalem Text.</p> <p>Hier ein Zeilenumbruch<br>direkt danach.</p> <hr> <strong>Dies ist wichtiger Text</strong> <em>Dies ist betonter Text</em> <code>BeispielCode()</code> <pre>Vorformatierter Text</pre> <mark>Markierter Text</mark> </body> </html>