Im Folgenden lernst du den Quellcode kennen, um Tabellen zu erzeugen und Zellen innerhalb von Tabellen zu verbinden.

Tabellen

<table>
<tr>
<td>1. Zeile, 1. Zelle</td>
<td>1. Zeile, 2. Zelle</td>
</tr>
<tr>
<td>2. Zeile, 1. Zelle</td>
<td>2. Zeile, 2. Zelle</td>
</tr>
</table>

 

Tabellen: Zellen verbinden

Bei Tabellen ist es manchmal notwendig, Zellen in einer Tabelle zu verbinden. Dabei sind zwei Fälle zu unterscheiden:

Spaltenweise in einer Zeile verbinden

<table>
<tr>
<td colspan=“2“>…</td>
<!– Dieser Eintrag entfällt nun –>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>

Mit colspan=“[Anzahl der Spalten]“ gibt man an, wie viele Spalten man verbinden will.

Die Zellen, die dadurch in der (hier ersten) Zeile wegfallen, müssen selbstverständlich nicht aufgeführt werden.

Zeilenweise in einer Spalte verbinden

<table>
<tr>
<td rowspan=“2“>…</td>
<td></td>
</tr>
<tr>
<!– Dieser Eintrag entfällt nun –>
<td></td>
</tr>
</table>

Mit rowspan=“[Anzahl der Zeilen]“ gibt man an, wie viele Zeilen man verbinden will.

Die Zellen, die dadurch in der (hier zweiten) Zeile wegfallen, müssen selbstverständlich nicht aufgeführt werden.

HTML | Tabellen
Markiert in:

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.