HTML-Dateien selbst erstellen
Dokumentation: HTML
Tabellen

HTML3.2 Rahmendicke, Gitternetzlinien, Randabstand


 Dicke des Außenrahmens
 Dicke der Gitternetzlinien
 Randabstand von Zelleninhalt zum Zellenrand
 Kopf, Körper, Fuß und Regeln für Gitternetzlinien
 Regeln für Tabellenrahmen


HTML3.2 Dicke des Außenrahmens

Beispiel
Anzeigebeispiel: So sieht's aus

Sie können die Dicke des Außenrahmens einer Tabelle in Pixeln bestimmen.

Beispiel:

<table border=8>
   <!--hier folgt der Tabelleninhalt-->
</table>

Erläuterung:

Damit die Tabelle überhaupt einen Rahmen erhält, müssen Sie den Zusatz border mit angeben. Mit border= [Pixel] bestimmen Sie die Dicke des Außenrahmens.

HTML3.2 Dicke der Gitternetzlinien

Beispiel
Anzeigebeispiel: So sieht's aus

Sie können die Dicke der Gitternetzlinien zwischen den Zeilen und Spalten einer Tabelle in Pixeln bestimmen.

Beispiel:

<table border=8 cellspacing=10>
   <!--hier folgt der Tabelleninhalt-->
</table>

Erläuterung:

Damit die Tabelle überhaupt Gitternetzlinien erhält, müssen Sie den Zusatz border bzw. border= (Außenrahmendicke) angeben. Mit cellspacing= [Pixel] bestimmen Sie die Dicke der Gitternetzlinien innerhalb der Tabelle (cellspacing = Zellenbemaßung).

HTML3.2 Randabstand von Zelleninhalt zum Zellenrand

Beispiel
Anzeigebeispiel: So sieht's aus

In vielen Fällen sieht ein gewisser Abstand der Zellendaten zum Zellenrand besser aus. Sie können den Randabstand in Pixeln bestimmen.

Beispiel:

<table border=8 cellpadding=12>
   <!--hier folgt der Tabelleninhalt-->
</table>

Erläuterung:

Mit cellpadding= [Pixel] bestimmen Sie den Randabstand zwischen Zellenrand und Zelleninhalt (cellpadding = Zelleninhaltbemaßung). Dies gilt sowohl für Tabellen mit Gitternetzlinien als auch für blinde Tabelle (ohne Gitternetzlinien).

MS IE3.0 Kopf, Körper, Fuß und Regeln für Gitternetzlinien

Beispiel
Anzeigebeispiel: So sieht's aus

Der MS Internet Explorer interpretiert eine Fülle zusätzlicher Angaben zur Gestaltung einer Tabelle, die jedoch nicht im HTML-Standard 3.2 festgeschrieben sind. Dazu gehört auch die Aufteilung in einen Tabellenkopf, einen Tabellenkörper und einen Tabellenfuß.

Beispiel:

<table border rules=basic>
   <thead>
     <!--Tabellenzellen-->
   </thead>
   <tbody>
     <!--Tabellenzellen-->
   </tbody>
   <tfoot>
     <!--Tabellenzellen-->
   </tfoot>
</table>

Erläuterung:

Voraussetzung für all diese Angaben ist die Angabe border im einleitenden <table>-Tag.

Mit rules= können Sie im einleitenten <table>-Tag Regeln für die Gitternetzlinien bestimmen (rules = Regeln). Die Regel rules=basic im obigen Beispiel bedeutet: es werden Linien zwischen dem Tabellenkopf, dem Tabellenkörper und Tabellenfuß gezogen, nicht jedoch zwischen den übrigen Tabellenzeilen. Der Tabellenrahmen wird angezeigt.

Weitere Angaben sind dabei möglich:
Mit rules=none (none = keine) werden überhaupt keine Linien gezogen, der Tabellenrahmen wird jedoch angezeigt.
Mit rules=rows (rows = Reihen) werden Linien zwischen allen Tabellenzeilen gezogen, nicht jedoch zwischen den Spalten der Tabelle.
Mit rules=cols (cols = cloumns = Spalten) werden Linien zwischen allen Tabellenspalten gezogen, nicht jedoch zwischen den Zeilen der Tabelle.
Mit rules=all (all = alle) werden Linien zwischen allen Tabellenzellen gezogen (identisch mit der Angabe border).

Den Tabellenkopf leiten Sie mit <thead> ein (thead = table head = Tabellenkopf). Daran anschließend können Sie eine oder mehrere Zeilen der Tabelle notieren, die zum Kopfbereich gehören sollen. Mit </thead> schließen Sie die den Tabellenkopf ab.
Den Tabellenkörper leiten Sie mit <tbody> ein (tbody = table body = Tabellenkörper). Daran anschließend notieren Sie den eigentlichen Datenbereich der Tabelle. Mit </tbody> schließen Sie die den Tabellenkörper ab.
Den Tabellenfuß leiten Sie mit <tfoot> ein (tfoot = table foot = Tabellenfuß). Daran anschließend können Sie eine oder mehrere Zeilen der Tabelle notieren, die zum Fußbereich gehören sollen. Mit </tfoot> schließen Sie die den Tabellenfuß ab.

MS IE3.0 Regeln für Tabellenrahmen

Beispiel
Anzeigebeispiel: So sieht's aus

Der MS Internet Explorer interpretiert zusätzliche Angaben zum Aussehen des Rahmens einer Tabelle.

Beispiel:

<table border frame=box>
     <!--Inhalt der Tabelle-->
</table>

Erläuterung:

Voraussetzung für all diese Angaben ist die Angabe border im einleitenden <table>-Tag.

Mit der Angabe frame= im einleitenden <table>-Tag können Sie bestimmen, an welchen Seiten der Tabellenrahmen gezogen werden soll (frame = Rahmen).

Mit der Angabe frame=box (box = Rechteck) - so wie im obigen Beispiel - erreichen Sie, daß der Tabellenrahmen oben, links, rechts und unten sichtbar dargestellt wird (die Angabe ist identisch mit dem, was die Angabe border bewirkt).
Weitere Angaben sind dabei möglich:
Mit frame=void (void = nichts) wird überhaupt keine Tabellenrahmen angezeigt. Wenn Sie border angeben, werden jedoch die Gitternetzlinien der Tabelle sichtbar angezeigt. Die Tabelle sieht dann also aus wie ein an allen Seiten offenes Gitter.
Mit frame=above (above = oberhalb) wird nur am oberen Rand der Tabelle eine Rahmenlinie angezeigt.
Mit frame=below (below = unterhalb) wird nur am unteren Rand der Tabelle eine Rahmenlinie angezeigt.
Mit frame=hsides (hsides = horizontal sides = horizontale Seiten) wird nur am oberen und am unteren Rand der Tabelle eine Rahmenlinie angezeigt.
Mit frame=vsides (vsides = vertical sides = vertikale Seiten) wird nur am linken und am rechten Rand der Tabelle eine Rahmenlinie angezeigt.
Mit frame=lhs (lhs = left hand side = links) wird nur am linken Rand der Tabelle eine Rahmenlinie angezeigt.
Mit frame=rhs (rhs = right hand side = rechts) wird nur am rechten Rand der Tabelle eine Rahmenlinie angezeigt.


Blättern:
Aufbau einer Tabelle     Höhe und Breite erzwingen

HTML-Dateien selbst erstellen
Dokumentation: HTML
Tabellen

© 1997  Stefan Münz, s.muenz@euromail.com