Lycos: Einführung in das Internet

Tripod-HTML-Kurs (2)

Tripod-HTML-Kurs (1): Tabellen

Mit Hilfe von Tabellen können Sie Text, Bilder, Links, Formulare, andere Tabellen u.v.m. in Zeilen und in Spalten anordnen. Sie können die Trennlinien einer Tabelle sichtbar oder unsichtbar ("blinde Tabelle") machen. Text kann in mit Hilfe einer blinden Tabelle ordentlicher dargestellt werden.

Eine Tabelle wird umschlossen von den Tags:

<table>
Zeilen, Spalten, Inhalt der Tabelle
</table>

Zeilen werden durch <tr>...</tr> ("table row"), Spalten durch <td></td> ("table data") eingeleitet. Im folgenden Beispiel sehen Sie den Code für eine Tabelle mit 2 Zeilen und 3 Spalten:

<table>
   <tr>
     <td>1. Zeile 1. Spalte</td>
     <td>1. Zeile 2. Spalte</td>
     <td>1. Zeile 3. Spalte</td>
   </tr>

   <tr>
     <td>2. Zeile 1. Spalte</td>
     <td>2. Zeile 2. Spalte</td>
     <td>2. Zeile 3. Spalte</td>
   </tr>
</table>

Probieren Sie diesen Code einfach aus, dann sehen Sie am besten, wie schnell Sie eine Tabelle aufbauen können.

Mit und ohne Rahmen

Mit border können Sie die Rahmendicke einer Tabelle steuern. Im Beispiel der Code für eine Tabelle mit 3 Zeilen, 2 Spalten und einer Rahmendicke von 3 Pixeln.

<table border="3">
   <tr>
     <td>Katzenfutter:</td>
     <td>Hundefutter:</td>
   </tr>

   <tr>
     <td>Maus</td>
     <td>Dosenfutter</td>
   </tr>

   <tr>
     <td>Knochen</td>
     <td>Wurst</td>
   </tr>
</table>

Katzenfutter:	Hundefutter:
Maus	Knochen
Dosenfutter	Wurst