Startseite | Gästebuch | Kontakt

 
xx HTML-Einführung | xx CSS-Einführung | xx JavaScript-Einführung
 

6.4. Zellen verbinden

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>
» Beispiel ansehen «

 

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>
» Beispiel ansehen «

» zurück «» Seitenanfang «» weiter «