Jetzt werden wir ein wenig herumspielen. Hier ist eine kleine ungeordnete Liste:

Zutaten für einen Apfelkuchen

• Äpfel
• Mehl
• Zucker
• Zimt

Das ist alles gut und schön, was, wenn wir es dort drüben hinpacken...

Denn wir wollen es neben einem Bild...    eines Apfelkuchens!

Zutaten für einen Apfelkuchen Äpfel Mehl Zucker Zimt

Mein Gott, wir können dafür eine Tabelle verwenden!

Wenn man Tabellen erlernt oder erstellt, ist es einfacher, die Ränder aktiviert zu haben.

Zutaten für einen Apfelkuchen Äpfel Mehl Zucker Zimt

Lass uns dieses Ding Schritt für Schritt bauen. Es ist wirklich recht einfach!

Fangen wir mit dem kleinen Ed an.

<TABLE BORDER=3>
<TR>
<TD>Ed</TD>
</TR>
</TABLE>

Ersetzen wir Ed durch die ungeordneten Liste.

<TABLE BORDER=3>
<TR>
<TD>
Zutaten für einen Apfelkuchen
<UL>
<LI>Äpfel
<LI>Mehl
<LI>Zucker
<LI>Zimt
</UL>
</TD>
</TR>
</TABLE>

Denke daran, beim Fehlen von Aaweisungen macht sich die Tabelle selbst so breit wie nötig für die Daten. Also ist in diesem Fall das Grössenattribut für den Platz der Liste nicht notwendig. Die Tabelle vergrössert sich einfach auf die richtige Grösse.

Als nächstes erweitern wir die Tabelle auf die gesamte Browserbreite.

<TABLE BORDER=3 WIDTH=100%>
<TR>
<TD>
Zutaten für einen Apfelkuchen
<UL>
<LI>Äpfel
<LI>Mehl
<LI>Zucker
<LI>Zimt
</UL>
</TD>
</TR>
</TABLE>

Macht das nicht Spass?!