Html, Zeilen und Spalten

FullPress auf Google folgen

Füge uns deinen bevorzugten Quellen hinzu.

So sieht unsere Tabelle aus:

Was bestimmt das Einfügen einer Zelle in eine Tabelle aus den drei aufgeführten Elementen? Der Tag td. Also verwenden wir td um zwei Zellen in unsere Tabelle einzufügen:

Jedes Mal, wenn Sie den Tag td wiederholen, wird eine Zelle gebildet. Wenn Sie ihn dreimal wiederholen, erhalten Sie natürlich drei Zellen. Nun sehen wir, wie man eine Tabelle mit zwei Zeilen unter Verwendung von tr erstellt. So sieht unsere Tabelle aus:

Auch in diesem Fall wird der Tag tr so oft wiederholt, wie Zeilen eingefügt werden sollen. Achten Sie gut darauf… der Tag tr enthält immer den Tag td, da die zwei Zeilen im Grunde zwei Zellen bilden. Erstellen wir jetzt eine Tabelle mit zwei Zeilen und zwei Zellen im unteren Bereich.

Wir haben eine Tabelle mit zwei Zeilen und zwei Zellen im unteren Bereich erstellt. Hier ist der verwendete Code:

Ich stelle Ihnen colspan vor, das dazu dient, eine einzelne Zelle in mehrere Zellen zu teilen. In unserem Fall wurde die untere Zeile der Tabelle durch colspan in zwei Zellen aufgeteilt. Wenn Sie colspan verwenden, müssen die Maße der beiden einzelnen Zellen, die durch colspan entstehen, angegeben werden, Maße, die die Gesamtbreite der Tabelle berücksichtigen:

Die Gesamtgröße der Zelle beträgt 400px, die durch colspan in zwei Zellen geteilt wird.

Wenn wir in zwei Zellen gleicher Größe teilen, erhalten wir daher zwei Zellen von jeweils 200px (400:2). Wenn eine der beiden durch colspan entstandenen Zellen größer als die andere sein soll, müssen Sie bei der Berechnung immer die Gesamtgröße der Tabelle als Referenz nehmen, also:

Daher können Sie den beiden Zellen unterschiedliche Größen zuweisen, solange die Summe 400px nicht überschreitet. Sie können Übungen machen, indem Sie Tabellen mit verschiedenen Größenkombinationen erstellen, Zeilen und Zellen einfügen, sie skalieren, um den Effekt zu sehen und die Kombination zu finden, die am besten zu Ihren Bedürfnissen passt.