HTML Tutorial - Tabelle in einer Tabelle, cellpadding, cellspacing

Inhalt

Wie kann ich Tabellen innerhalb von Spalten?
Wie kann ich den Raum zwischen Tabelle-Zellen kontrolieren?

Erklärung

Tabelle in einer Tabelle
Oft werden wir eine Tabelle in einer anderen Tabelle brauchen. Jetzt werden wir 2 Zeilen mit 3 Spalten erstellen.Die zweite Zeile und zweite Spalte werden nochmal gespaltet. in einer Tabelle mit 2 Zeilen, und 2 Spalten.Wir werden die Attribute cellpadding und cellspacing verwenden, um den Raum in der Tabelle zu verwalten.

Beispiel Code:
<table border=1 width=80% height=30% align=center cellpadding=1 cellspacing=1>
<tr height=30%>
<td>
First Row
</td>
<td>
First Row
</td>
<td>
First Row
</td>
</tr>
<tr height=70%>
<td>
Second Row
</td>
<td >

<table bgcolor=yellow border=1 width=80% height=80%>
<tr >
<td> Inner Table </td>
<td> Inner Table </td>
</tr>
<tr >
<td> Inner Table </td>
<td> Inner Table </td>
</tr>
</table>
</td>
<td>
Second Row
</td>
</tr>
</table>

Ergebnis:

First Row

Second Row

Inner Table	Inner Table
Inner Table	Inner Table

Second Row

Cellpadding und Cellspacing
Der Raum und padding kann durch den Attributen cellpadding und cellspacing kontrolliert werden.

Gebrauch:
<table border=0 bgcolor="#776655" width=80% height=150 align=center cellpadding=0 cellspacing=0>

Die Tabelle von oben kann elegant gemacht werden, indem man die Farben und Rahmen önder und controlling cellspacing and cellpadding kontrolliert.
Ergebnis:

First Row

Second Row

1	2
3	4

Second Row

Innere Tabellen