Um Tabellen in HTML-Seiten zu generieren, verwenden wir in etwa folgenden Code:

<table width=”211″ height=”101″>

<tr>

<td>1A</td>

<td>2A</td>

<td>3A</td>

</tr>

<tr>

<td>1B</td>

<td>2B</td>

<td>3B</td>

</tr>

</table>

Zu beginn kündigen wir eine Tabelle an und definieren ggf. Weite und Höhe (können auch in Prozent dargestellt werden)

Danach kündigen wir die erste Zeile mit <tr> an

Darin wird jede Zelle mit <td> und </td> ein- und ausgeleitet.

Die erste Zeile beenden wir wieder mit </tr> und kündigen die zweite Zeile mit <tr> an.

Hier haben wir die selbe Spielerei: wieder verwenden wir <td> und </td>. In Tabellen bzw. den Zellen können wir natürlich auch HTML-Tags verwenden.

Schließende Zeile

Schließende Tabelle

Das sollte dann so aussehen:

1A 2A 3A
1B 2B 3B

Das ganze können wir nach belieben mit folgenden Elementen weiter gestalten:

width=”…” gibt die Breite an - es können Pixel, aber auch Prozent vorkommen

height=”…” gibt die Höhe an

border=”…”gibt den Rahmen an

bordercolor=”#…” gibt die Farbe der Rahmen an (im HEX-Code)

cellpadding=”…” gibt den Inneren Abstand vom Text zur Wand an

cellspacing=”…” gibt den Abstand der einzelnen Zellen an

bgcolor=”#…” gibt die Hintergrundfarbe an

background=”http://…” gibt an, woher ein Hintergrundbild kommen soll - es kann eine URL aber auch ein Bild aus einem Pfad angegeben werden

Gemeinhin bekannt sind die mehr oder minder rundlichen, essbaren Früchte. Bei einigen Arten sind sie roh ungenießbar. Das fleischige Gewebe, das normalerweise als Frucht bezeichnet wird, entsteht nicht aus dem Fruchtknoten, sondern aus der Blütenachse; der Biologe spricht daher von Scheinfrüchten. Genauer ist die Apfelfrucht eine Sonderform der Sammelbalgfrucht. Ein Balg besteht aus einem Fruchtblatt, das mit sich selbst verwächst. Innerhalb des Fruchtfleisches entsteht aus dem balgähnlichen Fruchtblatt ein pergamentartiges Gehäuse. Im Fruchtfleisch selbst sind höchstens noch vereinzelt Steinzellennester enthalten. Die Samen sind braun oder schwarz; sie enthalten geringe Mengen an giftigen Cyaniden.

Diese Codes können wir nacheinander mit einem Leerzeichen getrennt in jeden öffnenden Tag einfügen - also <table>, wenn die ganze Tabelle betroffen sein soll, <tr> wenn die ganze Spalte betroffen sein soll oder <td> wenn nur eine Zelle betroffen sein soll. So könnte das ganze dann zB. aussehen

<table width=”191″ height=”92″ border=”10″ cellpadding=”5″ bordercolor=”#99CC99″ bgcolor=”#FFFF66″>

Und das Endprodukt sollte dann hoffentlich so aussehen.

 

Hinweis: meine HTML-Testseite befindet sich hier, da der Schulserver regelmäßig ausfällt.