Inline- und Blockelemente

[Jonathan]

ich hab bis jetzt noch nicht so recht den Unterschied zwischen Inline- und Blockelementen verstanden. Würde mich freuen wenn mir jemand dies verständlich erläutern könnte. Vielleicht versteh auch ich dann den Unterschied.

OK ;)

Sind Blockelemente alle Elemente die mit einem Anfangs-Tag und einem End-Tag notiert sind, z.B. <div></div>? Und Inline wäre dann z.B. <img [...] >?

Nein. Blockelemente sind Elemente, die einen Zeilenumbruch erzeugen, abso beispielsweise div, p, h1, ul, li, form
Blockelemente haben gewöhnlich im CSS von Haus aus display:block

Inline-Elemente sind Elemente, die sich innerhalb eines Textes befinden und nicht zwandsläufig einen neue Zeile verursachen, z.B. a, b, strong, em, img, font, code, abbr
Inlineelemente haben gewöhnlich im CSS von Haus aus display:inline

Blockelemente dehnen sich auch auf die verfügbare Breite aus und können Inline- und Blockelemente enthalten, sie sind so etwas wie rechteckige Behälter für Text und weitere Elemente. Inline-Elemente sind nur so breit wie nötig, nur dadurch, dass du einen Text über <i> kursiv machst, entsteht kein zusätzlicher Zeilenumbruch oder Abstand. Außerdem können inline-Elemente eben keine Blockelemente enthalten.