SELFHTML

Zellen verbinden

Informationsseite

nach unten Zellen in einer Zeile spaltenweise verbinden
nach unten Zellen in einer Spalte zeilenweise verbinden
nach unten Zellen spalten- und zeilenweise zugleich verbinden

 nach unten 

HTML 3.2XHTML 1.0MS IE 2.0Netscape 1.1Opera 5.12Mozilla Firefox 1Konqueror 3.1Safari 1.0 Zellen in einer Zeile spaltenweise verbinden

Sie können mehrere Zellen innerhalb einer Zeile verbinden, sodass sich eine Spalte in dieser Zeile über mehrere Spalten hinweg erstreckt.

Beispiel:

Beispiel-Seite Anzeigebeispiel: So sieht's aus

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Zellen in einer Zeile spaltenweise verbinden</title>
</head>
<body>

<h1>Zoologie</h1>

<table border="1">
  <tr>
    <th colspan="2">Die Menschheit besteht aus</th>
  </tr>
  <tr>
    <td>Eseln</td>
    <td>Affen</td>
  </tr>
</table>

</body>
</html>

Erläuterung:

Durch das Attribut colspan [Anzahl Spalten] erreichen Sie, dass sich eine Zelle über mehrere Spalten hinweg erstreckt (colspan = column span = Spalten spannen). Die Angabe ist nur wirksam, wenn die Tabelle mindestens so viele Spalten besitzt wie angegeben.

Beachten Sie:

Wenn Sie in einer Tabellenzeile eine Zelle beispielsweise über vier Spalten hinweg "spannen", sollten Sie in den anderen Zeilen der Tabelle anstelle dieser einen Zelle vier eigene Zellen definieren. Die Summe der Zellen sollte in jeder Zeile der Tabelle gleich sein.

nach obennach unten

HTML 3.2XHTML 1.0MS IE 2.0Netscape 1.1Opera 5.12Mozilla Firefox 1Konqueror 3.1Safari 1.0 Zellen in einer Spalte zeilenweise verbinden

Sie können mehrere Zellen in einer Spalte verbinden, sodass sich eine Zeile in dieser Spalte über mehrere Zeilen hinweg erstreckt.

Beispiel:

Beispiel-Seite Anzeigebeispiel: So sieht's aus

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Zellen in einer Spalte zeilenweise verbinden</title>
</head>
<body>

<h1>Zoologie (II)</h1>

<table border="1">
  <tr>
    <th rowspan="2">Die Eselheit besteht aus</th>
    <td>echten Eseln</td>
  </tr>
  <tr>
    <td>verkappten Eseln (Menschen)</td>
  </tr>
  <tr>
    <th rowspan="2">Die Affenheit besteht aus</th>
    <td>echten Affen</td>
  </tr>
  <tr>
    <td>verkappten Affen (Menschen)</td>
  </tr>
</table>

</body>
</html>

Erläuterung:

Durch das Attribut rowspan [Anzahl Zeilen] erreichen Sie, dass sich eine Zelle in einer Spalte über mehrere Zeilen hinweg erstreckt (rowspan = Zeilen spannen). Die Angabe ist nur wirksam, wenn die Tabelle mindestens so viele Zeilen besitzt wie angegeben.

Beachten Sie:

Wenn Sie in einer Tabellenzeile eine Zelle beispielsweise über vier Zeilen hinweg "spannen", sollten Sie in der gleichen Zeile den Inhalt der ersten danebenstehenden Zelle definieren. In den drei folgenden Zeilen sollten Sie an gleicher Stelle die drei übrigen Zellen definieren, die neben der gestreckten Zelle stehen sollen.

nach obennach unten

HTML 3.2XHTML 1.0MS IE 2.0Netscape 1.1Opera 5.12Mozilla Firefox 1Konqueror 3.1Safari 1.0 Zellen spalten- und zeilenweise zugleich verbinden

Sie können Zellen definieren, die sich gleichzeitig über mehrere Zeilen und Spalten hinweg erstrecken.

Beispiel:

Beispiel-Seite Anzeigebeispiel: So sieht's aus

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Zellen spalten- und zeilenweise zugleich verbinden</title>
</head>
<body>

<h1>Zoologie (III)</h1>

<table border="1">
  <tr>
    <th colspan="2" rowspan="2">Der Mensch ist...</th>
    <td>zum einen Teil ein Esel</td>
  </tr>
  <tr>
    <td>zum anderen Teil ein Affe</td>
  </tr>
  <tr>
    <td>weder ein richtiger Esel</td>
    <td>noch ein richtiger Affe</td>
    <td><b>menschlich, allzumenschlich</b></td>
  </tr>
</table>

</body>
</html>

Erläuterung:

Sie können die Attribute colspan [Anzahl Spalten] und rowspan [Anzahl Zeilen] in einer Zelle kombinieren. Dadurch erreichen Sie, dass sich die Zelle über mehrere Spalten und Zeilen zugleich erstreckt.

 nach oben
weiter Seite Tabellenbeschriftung und Tabellenausrichtung
zurück Seite Gestaltung einer Tabelle
 

© 2007 Seite Impressum