Tabellengrundstruktur zurück zur Startseite

Grundstruktur einer Tabelle


Auswahl
  1. zurück zur Startseite
  2. table
  3. caption Container
  4. tbody und thead
  5. tr
  6. th
  7. td
  8. tfood 
<table>

	<thead>

		<caption>x</caption>

	</thead>

		<tbody>

			<tr><th>y</th></tr>

			<tr><td>z</td></tr>

		</tbody>
	
</table>

x
y
z
Der table Container
Er definiert den Anfang und das Ende einer Tabelle. Wird eine Tabelle nicht abgeschlossen, so wird sie in verschiedenen Browsern nicht oder zumindest fehlerhaft dargestellt.
Der Der <table> Container hat sehr viele Attribute:
  1. align="left"

    2. Wichtig für die horizontale Ausrichtung in den Zellen. Es können "left"/"right" und "center" zugewiesen werden.
  2. background=URL

    3. Zuständig für die Kachelung von Hintergrundbildern (siehe body)
  3. bgcolor="#FF0000"

    4. Zuständig für die Hintergrundfarbe der gesamten Tabelle.
  4. border=0

    5. Ist der Rahmen der Tabelle, der bei Zuweisung von 0 nicht sichtbar oder bei Zuweisung einer Zahl
    1. sichtbar
    2. in der Breite in Pixel
    bezogen auf die zugewiesenen Zahl, angezeigt wird.
  5. cellspacing =10

    6. Legt den Abstand zwischen den einzelnen Zellen in der Tabelle fest.
  6. cellpadding=5

    7. Legt den Abstand des Zellinhaltes zum Zellrahmens fest.
  7. frame

    8. Teilt dem Browser mit, wo Umrahmungen um die Tabelle gezogen werden sollen.
    Zugewiesene Parameter sind:
    1. void
      2. (keine Umrahmung)
    2. above
      3. (Umrahmung der oberen Linie)
    3. below
      4. ( Umrahmung in der unteren Linie)
    4. hsites
      5. (Umrahmung der horizontalen Linien)
    5. vsites
      6. (Umrahmung der vertikalen Linien)
    6. lhs
      7. (Umrahmung der linken Linien)
    7. rhs
      8. (Umrahmung der rechten Linien)
    8. box
      9. (Umrahmung aller Linien)
    9. border
      10. (Umrahmung aller Linien)
  8. height=100/100%

    9. Die Höhe der gesamten Tabelle (Angaben in Zahl oder in %)
  9. hspace=15

    10. Läßt den linken und rechten Rand der Tabelle einen Abstand in Pixel zum umgebenden Objekt.
  10. vspace=8

    11. Läßt den oberen und unteren Rand der Tabelle einen Abstand in Pixel zum umgebenden Objekt.
  11. width=100/100%

    12. Ist die Breite der gesamten Tabelle.

    zurück zur Auswahl

    <caption> Container
    Der Container Caption enthält eine kurze Zusammenfassung über den Inhalt einer Tabelle. Er muß in HTLM4 direkt auf den geöffneten <table> Tag folgen. Die Breite der Überschrift wird durch die Breite der Tabelle bestimmt.

    Allgemein gültige Attribute:
    align="left"/"right" und "centre"

    zurück zur Auswahl

    <tbody> und <thead> Container
    Beide Container sind erst ab der Version HTLM4 des Internet Exporers verwendbar. In anderen Browsern größtenteils unbestimmt (wird nicht bearbeitet).
    Für den Internet Explorer existieren Parameter für die vertikale und horizontale Ausrichtung des Inhalts (align/valign; left, right, centre; middle, bottom, top)

    zurück zur Auswahl

    <tr> Container
    Er definiert eine Tabellenzeile. Nur in ihm existieren Zellen (th, td).

    Die Attribute:
    1. align=left, right, centre
    2. bgcolor="#00FF00" (Zuweisung der Hintergrundfarbe der Zelle)
    3. valign=top, bottom, middle
    <th> Container
    Wird verwendet, um Kopfzeilen von Tabellen hervorzuheben. Normalerweise wird der Inhalt fett und zentriert dargestellt. Er hat die gleichen Attribute wie der TD Container.

    zurück zur Auswahl

    <td> Container
    Wird für die Datenzellen verwendet. Eine Datenzelle kann Text oder Objekte, wie z.B. Bilder oder Tabellen enthalten.
    Verwendete Attribute sind:
    1. align
    2. background
    3. valign
    4. colspan=Anzahl
      5. Gibt an, wieviele Spalten in der Horizontalen in einer Zelle zusammengefasst werden. Eine Zuweisung des Werte 0 bedeutet gemäß W3C, dass all Zellen einer Zeile zusammengefasst werden.
      Verwenden sie diese Zuweisung aber nicht!
    5. height= Pixel / %
    6. nowrap

      7. Schaltet den automatischen Zeilenumbruch in einer Zelle aus.
    7. rowspan = Anzahl

      8. Ist vergleichbar mit Colspan. Gibt allerdings wie viele Zeilen eine Zelle in einer Vertikalen zusammenfasst an. Auch hier existiert die 0 als Zuweisung, sollte aber auch hier nicht verwendet werden. Oftmals finden die Parameter Colspan und Rowspan in ein und der selben Zelle Verwendung.
    8. width = Pixel / %

    zurück zur Auswahl

    <tfoot> Container (Tabellenfuß)
    Wird als Tabellenfuß, wie Thead oder Tbody benützt. Er besitzt die gleichen Attribute. 
    zurück zur Auswahl