HTML – Elemente und Struktur

HTML besteht aus Elementen, die den Inhalt einer Webseite strukturieren und semantisch beschreiben.

Jedes HTML-Element hat eine klar definierte Aufgabe. Die richtige Auswahl ist entscheidend für:

— ## 1. Aufbau eines HTML-Elements

Ein typisches HTML-Element besteht aus:


 <tag attribut="wert">Inhalt</tag>

Beispiel:


 <p class="text">Das ist ein Absatz.</p>

—

## 2. Block- vs. Inline-Elemente ### 2.1 Block-Elemente

Block-Elemente:

* beginnen immer in einer neuen Zeile * nehmen standardmäßig die volle Breite ein

Typische Block-Elemente:

Element

Zweck

` | allgemeiner Container |

`<p>`

Absatz

`<h1>`–`<h6>`

Überschriften

`<ul>`, `<ol>`

Listen

` | inhaltlicher Abschnitt |

Beispiel:


 <div>Block 1</div>
 <div>Block 2</div>

— ### 2.2 Inline-Elemente

Inline-Elemente:

* bleiben in der Textzeile * nehmen nur so viel Platz ein wie nötig

Typische Inline-Elemente:

Element	Zweck