Tabellen anpassen (2)

Damit mehrere Zellen einer Tabelle überspannt werden, gibt es die Attribute

• colspan (Spalten überspannen) und
• rowspan (Zeilen überspannen)

Dadurch ist es möglich die Tabelle zu gestalten:

<table width="300" border="1" cellpadding="0" cellspacing="0">
<tr>
<th colspan="2">Mehrere Zellen in einer Zeile </th>
</tr>
<tr>
<td rowspan="2">Mehrere Zellen in einer Spalte </td>
<td>Zelle1</td>
</tr>
<tr>
<td>Zelle 2 </td>
</tr>
</table>

Beim Überspannen von Zeilen und Spalten muss darauf geachtet werden, dass die Gesamtzahl der Zeilen bzw. Spalten nicht über- bzw. unterschritten wird!

Dies ist eine fehlerhafte Tabelle:

2 Spalten		1
2 Zeilen	2
	3	4

Aufgabe

1. Lege eine Datei: tabelle2.htm an.
   Die Tabelle (300 Pixel breit) soll dabei das folgende Aussehen haben :
   
   

   2 Spalten
   3 Zeilen	Zelle 1
   	Zelle 2
   	Zelle 3

Das sieht dann so aus:

Mehrere Zellen in einer Zeile
Mehrere Zellen in einer Spalte	Zelle1
	Zelle 2