Um mehrere nebeneinander liegende Zellen zu einer Zelle zu verbinden, z.B. für die Überschrift, nutzt man das Attribut colspan im <td>-Tag. Das bedeutet, dass die im Wert angegebene Anzahl von Zellen zu einer einzigen Zelle vereint werden. Daher verringern sich die Zellen in dieser Zeile.
<html> <head> <title>Zellen verbinden</title> </head> <body> <table width="300" border="1"> <tr> <td colspan="3">Zelle 1</td> </tr> <tr> <td>Zelle 4</td> <td>Zelle 5</td> <td>Zelle 6</td> </tr> </table> </body> </html> |
Mehrere untereinander liegende Zellen werden mit dem Attribut rowspan im <td>-Tag verbunden. Auch hier bedeutet das, mehrere Zellen werden zu einer einzigen Zelle verbunden. In den entsprechenden Zeilen wird die Anzahl der Zellen dadurch verringert.
<html> <head> <title>Zellen verbinden</title> </head> <body> <table width="300" border="1"> <tr> <td rowspan="2">Zelle 1</td> <td>Zelle 2</td> <td>Zelle 3</td> </tr> <tr> <td>Zelle 5</td> <td>Zelle 6</td> </tr> </table> </body> </html> |