Text-Elemente in HTML

Überschriften

HTML bietet sechs Ebenen von Überschriften:

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

Absätze

Textabsätze werden mit dem <p>-Element erstellt:

<p>Dies ist ein Absatz mit Text.</p>

Textformatierung

HTML bietet verschiedene Elemente zur Textformatierung:

<b>Fetter Text</b>
<strong>Wichtiger Text (semantisch)</strong>
<i>Kursiver Text</i>
<em>Betonter Text (semantisch)</em>
<mark>Hervorgehobener Text</mark>
<small>Kleinerer Text</small>
<del>Durchgestrichener Text</del>
<ins>Unterstrichener Text</ins>
<sub>Tiefgestellter Text</sub>
<sup>Hochgestellter Text</sup>

Zeilenumbrüche und horizontale Linien

<p>Dieser Text enthält einen<br>Zeilenumbruch.</p>

<hr>
<!-- Erzeugt eine horizontale Linie -->

Zitate

<blockquote>
    Dies ist ein längeres Zitat, das als Block dargestellt wird.
    <cite>- Autor des Zitats</cite>
</blockquote>

<p>Wie Einstein sagte: <q>Alles ist relativ.</q></p>

Übung: Über mich Seite

Erstellen Sie eine neue Seite “ueber-mich.html” für Ihren Blog
- Übernehmen Sie die gleiche Grundstruktur wie bei der Startseite
- Setzen Sie einen passenden Titel im <title>-Element (“Über mich - Mein Web-Tagebuch”)
Die Seite soll folgende Elemente enthalten:
- Eine Hauptüberschrift “Über mich”
- Drei Unterüberschriften der Ebene 2:
  - “Mein Hintergrund”
  - “Meine Interessen”
  - “Meine Ziele”
Unter jeder Unterüberschrift:
- Mindestens zwei Absätze mit entsprechendem Inhalt
- Verwenden Sie verschiedene Textformatierungen:
  - Mindestens eine wichtige Information mit <strong>
  - Betonen Sie bestimmte Wörter mit <em>
  - Markieren Sie etwas Besonderes mit <mark>
  - Verwenden Sie mindestens ein Zitat (<q>) in einem der Absätze
Zwischen den Hauptabschnitten:
- Fügen Sie horizontale Linien (<hr>) ein, um die Abschnitte zu trennen
Am Ende der Seite:
- Ein Blockzitat (<blockquote>) mit Ihrem Lebensmotto und der Quellenangabe