Tags, Parameter und deren Bedeutung | siehe auch | |
---|---|---|
<table optionale Attribute> , </table> = TabelleEs gibt einige optionale Attribute zum TABLE-Tag, die hier nicht aufgeführt sind. <tr> , </tr> = Table Row - Tabellenzeile, beinhaltet Tabellenfelder<th> , </th> = Table Head - Tabllenkopf für Spaltenüberschriften<td> , </td> = Table Data - Tabellenfeld mit sichtbaren EinträgenAuch zu tr, th und td gibt es optionale Attribute. |
Kurzbeschreibung |
Beispiel mit Attributen zur Ausrichtung und Feldzusammenlegung
Die Tabelle ist zentriert ausgerichtet und auf 90% Breite eingestellt - width="90%"
.
Die Rahmenbreite ist auf 1 eingestellt - border="1"
.
Die Tabelle wird zentriert ausgegeben - align="CENTER"
Die Reihenfolge der Attribute spielt keine Rolle.
Kopf normal | Kopf linksbündig | Kopf rechtbündig |
---|---|---|
Feld normal | Feld rechtsbündig | Feld zentriert |
Zweispaltiges Feld | Dreizeiliges Feld Text unten platziert |
|
Kopf an der linken Seite | ||
letzte Tabellenzeile |
Quelltext zu obiger Tabelle
<table width="90%" border="1" align="CENTER"> <tr> <th>Kopf normal</th> <th align="LEFT">Kopf linksbündig</th> <th align="RIGHT">Kopf rechtbündig</th> </tr> <tr> <td>Feld normal</td> <td align="RIGHT">Feld rechtsbündig</td> <td align="CENTER">Feld zentriert</td> </tr> <tr> <td colspan="2">Zweispaltiges Feld</td> <td rowspan="3" valign="BOTTOM">Dreizeiliges Feld<br> Text unten platziert</td> </tr> <tr> <th>Kopf an der linken Seite</th> <td> </td> </tr> <tr> <td colspan="2" align="CENTER">letzte Tabellenzeile</td> </tr> </table> |
Tabelle mit versiedenen Hintergründen
Die Tabelle besitzt eine Rahmenbreite von 4 und eine graue Hintergrundfarbe.
Text mit Tabellenhintergrundfarbe | mit gelbem Hintergrund |
rote Schrift auf grünem Hintergrund | rot |
Wenn die Hintergrundgrafik eines Tabellenfeldes kleiner ist als das Feld selbst, wird die Grafik wie bei Hintergrundgrafiken üblich, aneinandergesetzt. |
Den Kombinationsmöglichkeiten sind kaum Grenzen gesetzt.
Sie können z.B. in einem Feld ein Hintergrundbild nehmen und in dieses Feld ein GIF-Bild
mit transparentem Hintergrund platzieren.
Quelltext zu dieser unruhigen Tabelle
<table border="4" bgcolor="#C0C0C0" bordercolor="#000000"> <tr> <td>Text mit Tabellenhintergrundfarbe</td> <td bgcolor="#FFFF00">mit gelbem Hintergrund</td> </tr> <tr> <td bgcolor="#008000"><font color="#FF0000"> rote Schrift auf grünem Hintergrund</font></td> <td align="CENTER" bgcolor="#FF0000">rot</td> </tr> <tr> <td colspan="2" align="CENTER" background="author.gif"> <b>Wenn die Hintergrundgrafik eines<br> Tabellenfeldes kleiner ist als das Feld selbst,<br> wird die Grafik wie bei Hintergrundgrafiken<br> üblich, aneinandergesetzt.</b></td> </tr> </table> |