<center><table border="1"> <tr><td rowspan="3"><font size=6> F = m · g </font></td><td>F = Kraft in N</td></tr> <tr><td>m = Masse in kg</td></tr> <tr><td>g = Erdbeschleunigung in m/s²</td></tr> </table></center>
F = m · g
F = Kraft in N
m = Masse in kg
g = Erdbeschleunigung in m/s²
Übung 1
So entsteht eine Tabelle. Sie beginnt mit '<table>' und endet mit '</table>'. Das 'border= ...' haben Sie schon kennengelernt. Die Zeile wird mit '<tr>' eingeleitet und klingt mit '</tr>' aus. Bei der Spalte sind es '<td>' und '</td>'.
Übung 2
Der Zusatz 'colspan="2"' bedeutet, dass die Überschrift zwei Spalten überspannt.
Übung 3
Der Zusatz 'rowspan="3"' bedeutet, dass die einzelne Zelle in Spalte 1 den 3 Zellen in Spalte 2 gegenübersteht. ' ' bedeutet eine unbedingt einzuhaltende Leerstelle, denn nur zu gerne ignorieren Browser Leerstellen.
So, dass war jetzt erstmalig eine sogenannte 'blinde' Tabelle mit 'border="0"'. Sie sorgt für eine gewisse Formatierung, ohne dass man sie wahrnimmt. Unten wartet jetzt der Quelltext für das Bild ganz oben auf Sie. Alle Elemente müssten jetzt bekannt sein, bis auf die Einbindung des Bildes, aber das haben Sie ja schon im vorigen Teil geübt. Nehmen Sie ein eigenes Bild so groß wie Sie wollen. Füllen Sie damit Ihre erste Webseite und schreiben Sie darauf. Sie müssen versprechen, damit ein wenig zu experimentieren ...
<center><table><tr><td width="600" height=450 style="background-image:url(https://www.kfz-tech.de/Bilder/Kfz-Technik/Allgemein/Computer07.jpg)"><font color=#F902CF size=7><b>So schön können Tabellen sein ...</b></font></td></tr></table></center>
Ach ja, die Farbe der Schrift hätten wir jetzt beinahe vergessen. Sie kann jede denkbare Farbe annehmen. Dabei stehen die ersten beiden Ziffern für den Rot-, die zweiten beiden für den Grün- und die letzten beiden für den Blauanteil. Es handelt sich um Hexadezimalzahlen. Versuchen Sie unten die Tabellen zu verstehen und Sie werden nach etwas Experimentieren Ihre Wunschfarbe erhalten.