Einführung in HTML
Teil 3
Nun... Hier ist er:
Tabellen
Tabellen sind ein starkes Werkzeug in HTML. Ohne sie wäre das Meiste nicht möglich. Meine Homepage beispielsweise ist sehr stark eingerahmt. Ich habe die Tabellen meiner Homepage mal sichtbar gemacht:
Bis ich so weit war hat es lange gedauert, denn sogar der Rand rechts besteht aus kleinen Tabellen.
-eine Tabelle beginnt mit dem Tag <TABLE>
-eine neue Tabellenzeile beginnt mit <TR>
-eine neue Spalte in eine Tabellenzeile wird mit <TD> eingefügt
Also sieht das Grundgerüst einer Tabelle in einer HTML Seite so aus:
<HTML>
<HEAD>
<TITLE>Eine einfache Tabelle</TITLE>
</HEAD>
<BODY>
<TABLE BORDER=1>
<TR>
<TD>
1.Spalte in der ersten Reihe
</TD>
<TD>
2.Spalte in der ersten Reihe
</TD>
</TR>
<TR>
<TD>
1.Spalte in der zweiten Reihe
</TD>
<TD>
2.Spalte in der zweiten Reihe
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
<BORDER=1> wird nicht benötigt, es ist nur dazu da, dass der Rand der Tabelle zu sehen ist. Ihr könnt diesem Tag auch einen höheren Wert zuweisen, dabei steigt die dicke des Rahmens. Schaut euch am Besten das Ergebnis an.
Innerhalb der Zellen kann in der Regel genauso gearbeitet werden wie im restlichen HTML-Dokument auch. Es gibt aber Ausnahmen. Eine ist z.B. ein Hintergrundbild in einer Tabelle. Wie ihr sehen könnt benutze ich Hintergrundbilder in Tabellen auf meiner Homepage, aber die sind auch nur mit Browsern zu sehen, die dies unterstützen. Mit Opera sind die Hintergrundbilder nicht zu sehen.(Update: Das war damals so, jetzt geht's auch mit Opera.)
So, jetzt wisst ihr schon wie ihr mit Tabellen arbeitet. Bald kommt auch ein Tutorial für Farben. Ich habe schon damit begonnen.
Jan