Webdesign mit (X)HTML und CSS

Ein Kurs für Einsteiger

Unterscheidung Block- und Inline-Elemente

Blockelemente

Blockelemente erzeugen einen »Absatz« und nehmen die gesamte verfügbare Breite ein. Blockelemente können (meist) weitere Block- und Inline-Elemente enthalten.

(h1-6 und p dürfen nur Inline-Elemente enthalten)

Inline-Elemente

Inline-Elemente zeichnen Bereiche im Textfluss aus. Es wird kein Absatz/neue Zeile erzeugt. Inline-Elemente dürfen (meist) nur weitere Inline-Elemente enthalten

Textbereich betonen mit em

  1. <p>Textabsatz mit <em>betontem</em> Bereich<p>

Die Standard-Formatierung der Browser für betonte Elemente ist kursiv.

Textbereich stark betonen mit strong

  1. <p>Textabsatz mit <strong>stark betontem</strong> Bereich<p>

Die Standard-Formatierung der Browser für stark betonte Elemente ist fett.

Textbereich gruppieren mit span

  1. <p>Textabsatz mit <span>gruppiertem</span> Bereich<p>

span ist das Pendant zum Blockelement div auf Inline-Ebene. Mit span zusammengefasste Textbereiche haben keine Standard-Formatierung.