Inhaltsverzeichnis


Grundgerüst

Sonderzeichen

Allgemeine Formatierungen

Schriftformatierung

Nummerierung

Hintergrund

Bild einf�gen

Link setzen

Tabelle




Startseite
Tabelle !!!

1. Normale Einfache Tabelle

<table border =1>
<tr>
Zeile table row
<td> Zeile1 Spalte1</td>table data
<td> Zeile1 Spalte2</td>
<td> Zeile1 Spalte3</td>
</tr>
</table>

1. Zeile 1.Spalte 1. Zeile 2.Spalte 1. Zeile 3.Spalte
2. Zeile 1.Spalte 2. Zeile 2.Spalte 2. Zeile 3.Spalte

zurück

2. Breite und H�he der gesamten Tabelle

<table border =1 width=200 od 10%(pixel oder Prozentangabe)height=200 od. 10%>
<tr>
Zeile table row
<td> Zeile1 Spalte1</td>table data
<td> Zeile1 Spalte2</td>
<td> Zeile1 Spalte3</td>
</tr>
</table>

1. Zeile 1.Spalte 1. Zeile 2.Spalte 1. Zeile 3.Spalte
2. Zeile 1.Spalte 2. Zeile 2.Spalte 2. Zeile 3.Spalte
3. Zeile 1.Spalte 3. Zeile 2.Spalte 3. Zeile 3.Spalte

zurück

3. Breite der Spalte (width in td)

<table border =1 height=200 od. 10%>
<tr>
Zeile table row
<td width=150> Zeile1 Spalte1</td>table data
<td width=100> Zeile1 Spalte2</td>
<td width=250> Zeile1 Spalte3</td>
</tr>
</table>

1. Zeile 1.Spalte 1. Zeile 2.Spalte 1. Zeile 3.Spalte
2. Zeile 1.Spalte 2. Zeile 2.Spalte 2. Zeile 3.Spalte
3. Zeile 1.Spalte 3. Zeile 2.Spalte 3. Zeile 3.Spalte

zurück

4.Tabellenheader (fett und zentriert Tabellenüberschrift)

<table border =1>
<tr>
Zeile table row
<th> Zeile1 Spalte1</th>table data
<th> Zeile1 Spalte2</th>
<th> Zeile1 Spalte3</th>
</tr>
</table>

1. Zeile 1.Spalte 1. Zeile 2.Spalte 1. Zeile 3.Spalte
2. Zeile 1.Spalte 2. Zeile 2.Spalte 2. Zeile 3.Spalte
3. Zeile 1.Spalte 3. Zeile 2.Spalte 3. Zeile 3.Spalte

zurück

5.Höhe der Spalte

<table border =1>
<tr>

<td width=150 height=200> Zeile1 Spalte1</th>
<td> Zeile1 Spalte2</th>
<td> Zeile1 Spalte3</th>
</tr>
</table>

1. Zeile 1.Spalte 1. Zeile 2.Spalte 1. Zeile 3.Spalte
2. Zeile 1.Spalte 2. Zeile 2.Spalte 2. Zeile 3.Spalte
3. Zeile 1.Spalte 3. Zeile 2.Spalte 3. Zeile 3.Spalte

zurück

6.Ausrichten

Überschrift Spalte 1 der ersten Zeile Überschrift Spalte 2 der ersten Zeile
Spalte 1 der zweiten Zeile Spalte 2 der zweiten Zeile

<table border=2 cellspacing=10> Der Rahmen wirkt optisch dicker
<table border=2 cellspacing=10 cellpadding=12> heisst dass der Abstand zum Text sich vergrößert
<td align="left","right","center"> ich kann auch den Zellinhalt ausrichten.

Überschrift Spalte 1 der ersten Zeile Überschrift Spalte 2 der ersten Zeile
Spalte 1 der zweiten Zeile Spalte 2 der zweiten Zeile

zurück

7. horizentrales Ausrichten

<td valign="top" height=100 links oben
<td valign="bottom" height=100> links unten
<td valign="top" height=100><div align="right"> Mischung: rechte ausrichtung, oben
top = oben
middle = Mitte
bottom = Unten

Überschrift Spalte 1 der ersten Zeile Überschrift Spalte 2 der ersten Zeile
Spalte 1 der zweiten Zeile Spalte 2 der zweiten Zeile
Spalte 1 der dritten Zeile links oben Spalte 2 der dritten Zeile links unten
Spalte 1 der vierten Zeile
Spalte 2 der vierten Zeile
Spalte 1 der fünften Zeile
Spalte 2 der fünften Zeile
Spalte 1 der sechsten Zeile
Spalte 2 der sechsten Zeile

zurück

8. Einfärben der Tabelle

bgcolor im <table> tag färbt die ganze Tabelle
bgcolor im <tr> färbt die Zeile
bgcolor im <td> od. <td> färbt die Zelle
bordercolor im <table> tag färbt die farbe des Rahmens
bordercolordark im <table> tag färbt die farbe des äußeren Rahmens rechts.. dunkel
bordercolorlight im <table> tag färbt die farbe des äußeren Rahmens links hell
Hintergrundbild background="url" im <table> tag färbt die farbe des äußeren Rahmens links hell


Überschrift Spalte 1 der ersten Zeile Überschrift Spalte 2 der ersten Zeile
Spalte 1 der zweiten Zeile Spalte 2 der zweiten Zeile
Spalte 1 der dritten Zeile links oben Spalte 2 der dritten Zeile links unten
Spalte 1 der vierten Zeile
Spalte 2 der vierten Zeile
Spalte 1 der fünften Zeile
Spalte 2 der fünften Zeile
Spalte 1 der sechsten Zeile
Spalte 2 der sechsten Zeile

zurück