Nu skal vi lege lidt. Her er en uordnet liste:

Ingredienser i Ęble kage

• Ębler
• Mel
• Sukker
• Kanel

Det er altsammen meget godt, men hvad hvis vi smider det herover...

Ingredienser i Ęble kage Ębler Mel Sukker Kanel

Fordi vi vil have det ved siden af et billede af ...     en kage!

Ingredienser i Ęble kage Ębler Mel Sukker Kanel

Ved profetens skæg, det kunne vi gøre med en tabel!

Når man studerer eller laver en tabel er det altid nemmere med kanten sat til 1.

Ingredienser i Ęble kage Ębler Mel Sukker Kanel

Lad os bygge den en ting ad gangen. Det er virkelig meget nemt!

Start med lille Per.

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

Per

Erstat Per med den uordnede liste.

<TABLE BORDER=3>
<TR>
<TD>
Ingredienser i Ęble kage
<UL>
<LI>Ębler
<LI>Mel
<LI>Sukker
<LI>Kanel
</UL>
</TD>
</TR>
</TABLE>

Ingredienser i Ęble kage Ębler Mel Sukker Kanel

Husk, uden andre instruktioner vil tabellen gøre sig selv lige så stor, som det er nødvendigt for at kunne indeholde de data vi smider i den. Så i dette tilfælde er en size attribute ikke nødvendig. Tabellen udvider sig selv til den nødvendige størrelse.

Dernæst udvider vi tabellen til at fylde hele browser vinduet .

<TABLE BORDER=3 WIDTH=100%>
<TR>
<TD>
Ingredienser i Ęble kage
<UL>
<LI>Ębler
<LI>Mel
<LI>Sukker
<LI>Kanel
</UL>
</TD>
</TR>
</TABLE>

Ingredienser i Ęble kage Ębler Mel Sukker Kanel

Er det ikke sjovt, det her!