Tabellen

Anweisungen für Tabellen sehen auf den ersten Blick sehr kompliziert aus, doch bei genauem Hinsehen wirst Du feststellen, dass der Aufbau logisch und nachvollziehbar ist.

Eine einfache Tabelle könnte zum Beispiel so aussehen:
 

Border heißt Tabelle, bei Umrandung "0" ist keine Umrandung bei der Vorschau im Browser zu erkennen.

Border 1 usw.bedeutet, Du siehst bei der Browser-Vorschau eine Umrandung Deiner Tabelle.

<table border=1>
<tr>
<td>Text in der ersten Spalte</td>
<td>Text in der zweiten Spalte</td>
<td>Text in der dritten Spalte</td>
</tr>

<tr>
<td>Text in der ersten Spalte, zweite Reihe</td>
<td>Text in der zweiten Spalte, zweite Reihe</td>
<td>Text in der dritten Spalte, zweite Reihe</td>
</tr>

und so weiter...........
</table>

Mit der Anweisung <table> eröffnest Du eine Tabelle. Die Anweisung <tr> erzeugt eine Zeile, die Du mit den Anweisungen <td> in Spalten einteilst. Dabei kannst Du zwei, drei, usw.  mehre Spalten erzeugen. Je nachdem, wie oft Du den Befehl <td> verwendest. Hast Du die Zeile eingeteilt, erteilst Du die Anweisung, dass diese Zeile beendet ist mit </tr>. Du musst jedoch darauf achten, dass Du in der nächsten Zeile, die wieder mit <tr> beginnt, genauso viele Spalten einsetzt. Du kannst beliebig viele Zeilen mit <tr> einfügen.

Die Breite der einzelnen Spalten richtet sich nach dem Text.

Das Ende der Tabelle zeigst Du mit </table> an.

1 Tabelle 0 Border und eine Grafik einbinden:  Dabei lautet Deine Anweisung
<table border="0" width="100%">
<tr>
<td>
<p align="center">
<img border="0" src="images/b-maedchen.gif" width="273" height="327"></td>
</tr>

Du kannst jederzeit in Deine Homepage einen Unterordner einbinden, in den Du Deine  Grafiken ablegst.

Mein Grafik Ordner heißt "images", bitte beachte dabei Deine korrekte Schreibweise.

Bei mir ist der Border 0, und die Grafik liegt im "images Ordner"  da heißt es:  src="images/b-maedchen.gif"

Ich habe in der Tabelle außerdem noch die Ausrichtung angewiesen. Man kann jede Tabellenzelle einzeln ausrichten, indem man in der Anweisung Befehle für die Ausrichtung gibt: <td align=center>Deine Grafik</td>

Probiert einfach mal :-)

Liebe Grüsse Anita

Copyright die-frontpage-hilfe.de