Breite und Abstände in HTML 4
Um die Gesamtbreite einer Tabelle festzulegen, trägt man das Attribut width im öffnenden <table> Tag. Will man nur die breite einer Zelle festlegen trägt man das Attribut in das öffnende <th> oder <td> Tag ein.
Mit dem Attribut cellpadding bestimmt man den Abstand in den Zellen zum Rand. Mit cellspacing bestimmt man den Abstand zwischen den Zellen. Dazu wird das Attribut im öffnenden <table> Tag eingetragen.
Beispiel:
<table width="450">
<tr>
<th width="150">Uhrzeit</th>
<th width="100">Montag</th>
<th width="100">Dienstag</th>
<th width="100">Mittwoch</th>
</tr>
<tr>
<th>6:30 - 9:30 Uhr</th>
<td>Urlaub</td>
<td>Arbeit</td>
<td>Arbeit</td>
</tr>
<tr>
<th>9:30 - 10:00 Uhr</th>
<td>Pause</td>
<td>Pause</td>
</tr>
<tr>
<th>10:00 - 12:30 Uhr</th>
<td>Arbeit</td>
<td>Arbeit</td>
</tr>
</table>
Darstellung:
Uhrzeit | Montag | Dienstag | Mittwoch |
---|---|---|---|
6:30 - 9:30 Uhr | Urlaub | Arbeit | Arbeit |
9:30 - 10:00 Uhr | Pause | Pause | |
10:00 - 12:30 Uhr | Arbeit | Arbeit |