Wie die CSS-Tabellendarstellung funktioniert

Eine Tabelle hat Spalten und Zeilen, und am Schnittpunkt einer Spalte und einer Zeile haben wir eine Zelle. Bei einer Datentabelle können Sie in jede Zelle einen Wert, beispielsweise eine Zahl oder etwas Text, stecken, bei einer CSS-Tabellendarstellung enthält jede Zelle stattdesen ein HTML-Block-Element.

image with no caption

Angenommen, Sie haben eine Seite mit drei Bildern und drei Absätzen und wollen diese in zwei Spalten mit drei Zeilen anordnen. Konzeptionell würden Sie das mit einer Tabelle so lösen:

image with no caption

Get HTML & CSS von Kopf bis Fuß, 2nd Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.