5. Lektion : Tabellen

Die Herstellung von Tabellen mit Hilfe einer Software ist bequem, aber es erweist sich oft als sehr hilfreich, wenn man den "Ursprungscode" korrigieren oder verändern kann.

Wir schlagen Ihnen vor, sich mit den Markierungszeichen hier unten vertraut zu machen..
 

Die Markierungszeichen erlauben die Herstellung einer Tabelle:
Balises : Fonctions  Attributs :
<table>   </table> Anfang und Ende einer Tabelle
  • cols : Zahl der Spalten einer Tabelle, z.B. : cols="3" 
  • border : Breite des Striches (der Linie) (wird mit anderen Markierungszeichen verwendet). 
  • width :Breite der Tabelle, kann in "pixels" oder Prozentpunkten angegeben werden, z.B.: width= "200" ou width="50%" 
  • cellpadding :legt in "pixels" den Freiraum zwischen dem Text und dem Rand der einzelnen Segmente (Tabellenglieder) fest, z.B.: cellpadding = "5" 
  • cellspacing :Leerraum zwischen zwei Segmenten, z.B.: cellpspacing "5" 
  • align : anpassen der Tabelle an das Dokument (left, center, right), wie bei einem Bild. 
  • bgcolor :erlaubt eine Hintergrundfarbe auszuwählen.. 
<tr>         </tr> Neue Ligne
  • valign (top, middle, bottom) : stellt den Text innerhalb eines Tabellensegmentes in die Höhe (bezieht sich auf die ganze Zeile)). 
  • align (left,center, right) : stellt den Text innerhalb des Tabellengliedes in die Breite.
<td>        </td> Neue
Tabellensegmentes
oder Zelle
  • valign (top, middle, bottom) : stellt den Text innerhalb eines Tabellensegmentes in die Höhe (bezieht sich nur auf das Segment) 
  • align (left,center, right) : stellt den Text innerhalb des Tabellengliedes in die Breite.
  • colspan : verpflichtet den browser ein Segment unter mehrerern Spalten anzuzeigen, z.B.: colspan = "3" (wird benutzt um das erste Glied dieser Tabelle herzustellen). 
  • rowspan :verpflichtet den browser ein Segment unter mehrererer Linien anzuzeigen.

Beispiel :
 
 
<table border="1">
<tr>
<td>Tabellensegmentes 1</td>
<td>Tabellensegmentes 2</td>
</tr>
<tr>
<td>Tabellensegmentes 3</td>
<td>Tabellensegmentes 4</td>
</tr>
</table>		 Das Ergabinis lautet folgendermassen:
 
Tabellensegmentes 1 Tabellensegmentes 2
Tabellensegmentes 3 Tabellensegmentes 3

Bemerkung :
Tabellen mit einer Umrandung 0 werden oft benutzt, um das "Einrichten einer Seite" des Dokumentes zu bewirken

Übung :
Stellen Sie eine einfache Tabelle her, darauf eine etwas kompliziertere Tabelle, indem Sie sich colspan et rowspan bedienen. Diese kompliziertere Tabelle ist auf andere Art und Weise nur schwer herzustellen.
 
 

Lektion 6 - Zusammenfassung