Home  |  Zu den Webtipps


Webtipp No.7
Es gibt eine Reihe von Tabellenbefehle wie frame, rules und col die meist unbekannt sind oder kaum benutzt werden. Hier können Sie anhand von Beispielen diese Befehle kennenlernen. Sie sollten mit den Tabellenbefehlen ein wenig experimentieren. Natürlich gibt es zu Tabellen noch unendlich viel zu erzählen. Ich präsentiere hier nur einen kleinen Ausschnitt. Gesagt werden muß noch, dass die Browser, je nach Hersteller die Tabellen anders anzeigen.
 

So sieht die Standardtabelle aus

Beispiel: Tabelleninhalt mit Border
HTML-CODE
<table border=1>
<tr>
<td> Tabelleninhalt</td>
</tr>
</table>
Tabelle mit dem Befehl frame="above". Teile des äußeren Borders werden weggelassen. Als HTML-Code ist nur der Befehl im Table-Tag dargestellt.
Table mit frame="above"
Table mit above Table mit above
Table mit above Table mit above 
HTML-CODE
<table border="1" align="center" frame="above">
<tr>
<td> Tabelleninhalt</td>
</tr>
</table>
Tabelle mit dem Befehl frame="above" OHNE DEN BORDER-BEFEHL. Teile des äußeren Borders werden weggelassen. Als HTML-Code ist nur der Befehl im Table-Tag dargestellt.
Table mit frame="above"
Table mit above Table mit above
Table mit above Table mit above 
HTML-CODE
<table align="center" frame="above">
<tr>
<td> Tabelleninhalt</td>
</tr>
</table>
Tabelle mit dem Befehl frame="below". Teile des äußeren Borders werden weggelassen. Als HTML-Code ist nur der Befehl im Table-Tag dargestellt.
Table mit frame="below"
Table mit below Table mit below
Table mit below Table mit below 
HTML-CODE
<table border="1" align="center" frame="below">
<tr>
<td> Tabelleninhalt</td>
</tr>
</table>
Tabelle mit dem Befehl frame="below" OHNE DEN BORDER-BEFEHL. Teile des äußeren Borders werden weggelassen. Als HTML-Code ist nur der Befehl im Table-Tag dargestellt.
Table mit frame="below"
Table mit below Table mit below
Table mit below Table mit below 
HTML-CODE
<table align="center" frame="below">
<tr>
<td> Tabelleninhalt</td>
</tr>
</table>
Tabelle mit dem Befehl frame="hsides". Teile des äußeren Borders werden weggelassen. Als HTML-Code ist nur der Befehl im Table-Tag dargestellt.
Table mit frame="hsides"
Table mit hsides Table mit hsides
Table mit hsides Table mit hsides 
HTML-CODE
<table border="1" align="center" frame="hsides">
<tr>
<td> Tabelleninhalt</td>
</tr>
</table>
Tabelle mit dem Befehl frame="hsides" OHNE DEN BORDER-BEFEHL. Teile des äußeren Borders werden weggelassen. Als HTML-Code ist nur der Befehl im Table-Tag dargestellt.
Table mit frame="hsides"
Table mit hsides Table mit hsides
Table mit hsides Table mit hsides 
HTML-CODE
<table  align="center" frame="hsides">
<tr>
<td> Tabelleninhalt</td>
</tr>
</table>
Tabelle mit dem Befehl frame="lhs". Teile des äußeren Borders werden weggelassen. Als HTML-Code ist nur der Befehl im Table-Tag dargestellt.
Table mit frame="lhs"
Table mit lhs Table mit lhs
Table mit lhs Table mit lhs 
HTML-CODE
<table border="1" align="center" frame="lhs">
<tr>
<td> Tabelleninhalt</td>
</tr>
</table>
Tabelle mit dem Befehl frame="lhs" OHNE DEN BORDER-BEFEHL. Teile des äußeren Borders werden weggelassen. Als HTML-Code ist nur der Befehl im Table-Tag dargestellt.
Table mit frame="lhs"
Table mit lhs Table mit lhs
Table mit lhs Table mit lhs 
HTML-CODE
<table  align="center" frame="lhs">
<tr>
<td> Tabelleninhalt</td>
</tr>
</table>
Tabelle mit dem Befehl frame="rhs". Teile des äußeren Borders werden weggelassen. Als HTML-Code ist nur der Befehl im Table-Tag dargestellt.
Table mit frame="rhs"
Table mit rhs Table mit rhs
Table mit rhs Table mit rhs 
HTML-CODE
<table border="1" align="center" frame="rhs">
<tr>
<td> Tabelleninhalt</td>
</tr>
</table>
Tabelle mit dem Befehl frame="rhs" OHNE DEN BORDER-BEFEHL. Teile des äußeren Borders werden weggelassen. Als HTML-Code ist nur der Befehl im Table-Tag dargestellt.
Table mit frame="rhs"
Table mit rhs Table mit rhs
Table mit rhs Table mit rhs 
HTML-CODE
<table  align="center" frame="rhs">
<tr>
<td> Tabelleninhalt</td>
</tr>
</table>
Tabelle mit dem Befehl frame="vsides". Teile des äußeren Borders werden weggelassen. Als HTML-Code ist nur der Befehl im Table-Tag dargestellt.
Table mit frame="vsides"
Table mit vsides Table mit vsides
Table mit vsides Table mit vsides 
HTML-CODE
<table border="1" align="center" frame="vsides">
<tr>
<td> Tabelleninhalt</td>
</tr>
</table>
Tabelle mit dem Befehl frame="vsides" OHNE DEN BORDER-BEFEHL. Teile des äußeren Borders werden weggelassen. Als HTML-Code ist nur der Befehl im Table-Tag dargestellt.
Table mit frame="vsides"
Table mit vsides Table mit vsides
Table mit vsides Table mit vsides 
HTML-CODE
<table  align="center" frame="vsides">
<tr>
<td> Tabelleninhalt</td>
</tr>
</table>
Tabelle mit dem Befehl frame="void". Teile des äußeren Borders werden weggelassen. Als HTML-Code ist nur der Befehl im Table-Tag dargestellt.
Table mit frame="void"
Table mit void Table mit void
Table mit void Table mit void 
HTML-CODE
<table border="1" align="center" frame="void">
<tr>
<td> Tabelleninhalt</td>
</tr>
</table>
Tabelle mit dem Befehl frame="void" OHNE DEN BORDER-BEFEHL. Teile des äußeren Borders werden weggelassen. Als HTML-Code ist nur der Befehl im Table-Tag dargestellt.
Table mit frame="void"
Table mit void Table mit void
Table mit void Table mit void 
HTML-CODE
<table  align="center" frame="void">
<tr>
<td> Tabelleninhalt</td>
</tr>
</table>
Tabelle mit dem Befehl frame="box". Teile des äußeren Borders werden weggelassen. Als HTML-Code ist nur der Befehl im Table-Tag dargestellt.
Table mit frame="box"
Table mit box Table mit box
Table mit box Table mit box 
HTML-CODE
<table border="1" align="center" frame="box">
<tr>
<td> Tabelleninhalt</td>
</tr>
</table>
Tabelle mit dem Befehl frame="box" OHNE DEN BORDER-BEFEHL. Teile des äußeren Borders werden weggelassen. Als HTML-Code ist nur der Befehl im Table-Tag dargestellt.
Table mit frame="box"
Table mit box Table mit box
Table mit box Table mit box 
HTML-CODE
<table  align="center" frame="box">
<tr>
<td> Tabelleninhalt</td>
</tr>
</table>
Tabelle mit dem Befehl rules="". Teile des äußeren Borders werden weggelassen. Als HTML-Code ist nur der Befehl im Table-Tag dargestellt.
Table mit rules=""
Table mit rules Table mit rules
Table mit rules Table mit rules 
HTML-CODE
<table border="1" align="center" rules="">
<tr>
<td> Tabelleninhalt</td>
</tr>
</table>
Tabelle mit dem Befehl rules="" OHNE DEN BORDER-BEFEHL. Teile des äußeren Borders werden weggelassen. Als HTML-Code ist nur der Befehl im Table-Tag dargestellt.
Table mit rules=""
Table mit rules Table mit rules
Table mit rules Table mit rules 
HTML-CODE
<table  align="center" rules="">
<tr>
<td> Tabelleninhalt</td>
</tr>
</table>
Tabelle mit dem Befehl rules="all". Teile des äußeren Borders werden weggelassen. Als HTML-Code ist nur der Befehl im Table-Tag dargestellt.
Table mit rules="all"
Table mit rules Table mit rules
Table mit rules Table mit rules 
HTML-CODE
<table border="1" align="center" rules="all">
<tr>
<td> Tabelleninhalt</td>
</tr>
</table>
Tabelle mit dem Befehl rules="all" OHNE DEN BORDER-BEFEHL. Teile des äußeren Borders werden weggelassen. Als HTML-Code ist nur der Befehl im Table-Tag dargestellt.
Table mit rules="all"
Table mit rules Table mit rules
Table mit rules Table mit rules 
HTML-CODE
<table  align="center" rules="all">
<tr>
<td> Tabelleninhalt</td>
</tr>
</table>
Tabelle mit dem Befehl rules="rows". Teile des äußeren Borders werden weggelassen. Als HTML-Code ist nur der Befehl im Table-Tag dargestellt.
Table mit rules="rows"
Table mit rules Table mit rules
Table mit rules Table mit rules 
HTML-CODE
<table border="1" align="center" rules="rows">
<tr>
<td> Tabelleninhalt</td>
</tr>
</table>
Tabelle mit dem Befehl rules="rows" OHNE DEN BORDER-BEFEHL. Teile des äußeren Borders werden weggelassen. Als HTML-Code ist nur der Befehl im Table-Tag dargestellt.
Table mit rules="rows"
Table mit rules Table mit rules
Table mit rules Table mit rules 
HTML-CODE
<table  align="center" rules="rows">
<tr>
<td> Tabelleninhalt</td>
</tr>
</table>
Tabelle mit dem Befehl rules="cols". Teile des äußeren Borders werden weggelassen. Als HTML-Code ist nur der Befehl im Table-Tag dargestellt.
Table mit rules="cols"
Table mit rules Table mit rules
Table mit rules Table mit rules 
HTML-CODE
<table border="1" align="center" rules="cols">
<tr>
<td> Tabelleninhalt</td>
</tr>
</table>
Tabelle mit dem Befehl rules="cols" OHNE DEN BORDER-BEFEHL. Teile des äußeren Borders werden weggelassen. Als HTML-Code ist nur der Befehl im Table-Tag dargestellt.
Table mit rules="cols"
Table mit rules Table mit rules
Table mit rules Table mit rules 
HTML-CODE
<table  align="center" rules="cols">
<tr>
<td> Tabelleninhalt</td>
</tr>
</table>
Tabelle mit dem Befehl rules="groups". Teile des äußeren Borders werden weggelassen. Als HTML-Code ist nur der Befehl im Table-Tag dargestellt.
Table mit rules="groups"
Table mit rules Table mit rules
Table mit rules Table mit rules 
HTML-CODE
<table border="1" align="center" rules="groups">
<tr>
<td> Tabelleninhalt</td>
</tr>
</table>
Tabelle mit dem Befehl rules="groups" OHNE DEN BORDER-BEFEHL. Teile des äußeren Borders werden weggelassen. Als HTML-Code ist nur der Befehl im Table-Tag dargestellt.
Table mit rules="groups"
Table mit rules Table mit rules
Table mit rules Table mit rules 
HTML-CODE
<table  align="center" rules="groups">
<tr>
<td> Tabelleninhalt</td>
</tr>
</table>
Tabelle mit dem Befehl rules="none". Teile des äußeren Borders werden weggelassen. Als HTML-Code ist nur der Befehl im Table-Tag dargestellt.
Table mit rules="none"
Table mit rules Table mit rules
Table mit rules Table mit rules 
HTML-CODE
<table border="1" align="center" rules="none">
<tr>
<td> Tabelleninhalt</td>
</tr>
</table>
Tabelle mit dem Befehl rules="none" OHNE DEN BORDER-BEFEHL. Teile des äußeren Borders werden weggelassen. Als HTML-Code ist nur der Befehl im Table-Tag dargestellt.
Table mit rules="none"
Table mit rules Table mit rules
Table mit rules Table mit rules 
HTML-CODE
<table  align="center" rules="none">
<tr>
<td> Tabelleninhalt</td>
</tr>
</table>
Tabellenbreite mit col-Befehl festlegen
Es müssen soviele Col's definiert werden wie td's vorhanden sind
Table mit col width="200" Table mit col width="200"
Table mit col width="200" Table mit col width="200"
Table mit col width="200" Table mit col width="200" 
HTML-CODE
<table border="1" align="center">
<col width="200">
<col width="200">
<th> Table mit col width="200"</th>
<th> Table mit col width="200"</th>
<tr>
<td> Table mit cols</td>
<td> Table mit col</td>
</tr>
<tr>
<td> Table mit col</td>
<td> Table mit col</td>
</tr>
</table>
Tabellenbreite colgroup festlegen
Es müssen soviele Col's definiert werden wie td's vorhanden sind
Table mit col width="200" Table mit col width="200"
Table mit col width="200" Table mit col width="200"
Table mit col width="200" Table mit col width="200" 
HTML-CODE
<table border="1" align="center">
<colgroup width="200">
<col width="200">
<col width="200">
</colgroup>
<th> Table mit col width="200"</th>
<th> Table mit col width="200"</th>
<tr>
<td> Table mit cols</td>
<td> Table mit col</td>
</tr>
<tr>
<td> Table mit col</td>
<td> Table mit col</td>
</tr>
</table>


  all © by eckhard trems - www.trems.de    Zu den Webtipps  |   Home  |   Kontakt/Impressum