Tag 2: Text, Überschriften & Absätze

Ziel

Lerne, wie du Inhalte richtig strukturierst mit Überschriften, Absätzen, Zeilenumbrüchen und Textformatierungen.

Themen

• Überschriften: <h1> bis <h6>
• Absätze: <p>
• Zeilenumbruch: <br>
• Trennlinie: <hr>
• Textformatierung: <strong>, <em>, <mark>

Überschriften

Überschriften strukturieren Inhalte von der wichtigsten (<h1>) bis zur unwichtigsten (<h6>).

<h1>Haupttitel</h1>
<h2>Untertitel</h2>
<h3>Abschnittstitel</h3>

Absätze

Absätze fassen Text zusammen. Verwende <p> für normalen Text.

<p>Dies ist ein Absatz über HTML.</p>

Zeilenumbrüche & Trennlinien

Verwende <br> für einen Zeilenumbruch und <hr>, um Inhalte zu trennen.

<p>Erste Zeile<br>Zweite Zeile</p>
<hr>

Textformatierung

• <strong> → fetter Text
• <em> → kursiver/betonter Text
• <mark> → markierter Text

<p>Das ist <strong>wichtiger</strong> Text.</p>
<p>Das ist <em>betonter</em> Text.</p>
<p>Das ist <mark>markierter</mark> Text.</p>

Übung

Schreibe einen kleinen Artikel mit:

• Mindestens einer <h1> und <h2>
• Zwei Absätzen mit <strong> und <em>
• Einem Zeilenumbruch <br>
• Einer Trennlinie <hr>

Beispiel

<h1>Mein Lieblingshobby</h1>
<h2>Warum ich Programmieren liebe</h2>
<p>Ich mag <strong>Programmieren</strong>, weil ich damit <em>nützliche Anwendungen</em> erstellen kann.</p>
<p>Jeden Tag lerne ich etwas Neues.<br>Es macht Spaß und ist herausfordernd.</p>
<hr>
<h2>Nächste Schritte</h2>
<p>Ich plane bald ein eigenes Projekt zu erstellen.</p>