Einführung HTML Syntax Tabelle
<table>
<tr>
<td>Inhalt</td>
<td> </td>
</tr>
</table>
Tabelle Zeile
Zellen
Sonderzeichen für LeerzeichenEinführung HTML Beispiel Tabelle
<table>
<tr>
<td>Ich bin eine Zelle.</td>
<td>Ich bin eine Zelle.</td>
</tr>
<tr>
<td>Ich bin eine Zelle.</td>
<td>Ich bin eine Zelle.</td>
</tr>
<tr>
<td colspan="2">Ich bin eine verbundene Zelle.</td>
</tr>
</table>
td td
tr
tr
tr
Einführung HTML Spalten verbinden
<table>
<tr>
<td>Ich bin eine Zelle.</td>
<td>Ich bin eine Zelle.</td>
</tr>
<tr>
<td>Ich bin eine Zelle.</td>
<td>Ich bin eine Zelle.</td>
</tr>
<tr>
<td colspan="2">Ich bin eine verbundene Zelle.</td>
</tr>
</table>
2 "columns" (Spalten) werden verbunden
Einführung HTML Spalten u. Zeilen verbinden
Anbaustatistik
Äpfel 2.200.000
Birnen 1.000.000
Kirschen 1.300.000
Anbaustatistik
Äpfel 2.200.000
Birnen
2.300.000 Kirschen
<table border=„1“>
<tr>…..1.Zeile
<th colspan=„2“>Anbaustatistik</th>
</tr>
<tr>…..2.Zeile
<td>Äpfel</td><td>2.000.000</td>
</tr>
………usw………..
</table>
<table border=„1“>
<tr>……1.Zeile
<th colspan=„2“>Anbaustatistik</th>
</tr>
<tr>……2.Zeile
<td>Äpfel</td><td>2.000.000</td>
</tr>
<tr>…...3.Zeile
<td>Birnen</td>
<td rowspan=„2“>2.300.000</td>
</tr>
<tr>…...4.Zeile
<td>Kirschen</td>
</tr>
</table>
Einführung HTML
20.01.2015 Sd 46
Nutzung von Tabellen zur Gestaltung des Bildschirm-Layout
Tabellen ohne Rahmen (Attribut border=„0“) eignen sich auch gut zur Aufteilung der Inhalte über den Bildschirm
Einführung HTML Tabellen mit Attributen (s. Beispiel Bildschirmlayout)
<table width="100%" border="1" cellpadding="0" cellspacing="2">
<tr height="200">
<th bgcolor="red"> </th> Überschriftenzeile <th> </th>
<th> </th>   bedeutet: nicht sichtbares Leerzeichen
</tr>
<tr height="200">
<td> </td>
<td bgcolor="green" width="33%" height="" align="center">
<img src="HundKlein.jpg" width="" height=""></td>
<td> </td>
</tr>
<tr height="200">
<td> </td>
<td> </td>
<td bgcolor="blue" width="33%" height="" align="center">
<a href="http://www.ls.schulen-offenbach.de/" target="_blank">
Leibnizschule Offenbach</a></td>
</tr>
</table>