Ahora vamos a juguetear un poco. Aquí tenemos una lista sin numerar:

Ingredientes para una tarta de Manzana

• Manzanas
• Harina
• Azúcar
• Cinamomo

Esto está muy bonito, pero ¿y si lo ponemos un poco más allá...?

...¡porque queremos adjuntar la fotografía de una tarta!

Ingredientes para una tarta de Manzana Manzanas Harina Azúcar Cinamomo

¡Y desde luego que usaremos una tabla para hacerlo!

Cuando estemos estudiando o construyendo una tabla, siempre es más fácil si tenemos el borde activado.

Ingredientes para una tarta de Manzana Manzanas Harina Azúcar Cinamomo

Construyamos esto paso a paso. Es realmente fácil:

Empecemos con el habitual Jose.

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

Reemplázame y coloca la lista.

<TABLE BORDER=3>
<TR>
<TD>
Ingredientes para una tarta de Manzana<UL>
<LI>Manzanas
<LI>Harina
<LI>Azúcar
<LI>Cinamomo
</UL>
</TD>
</TR>
</TABLE>

Recuerda que en ausencia de otras instrucciones, la tabla se hará lo suficientemente grande para contener los datos. Así, no es necesario ahora utilizar atributos de tamaño para acomodar la lista. La tabla se expande automáticamente al tamaño adecuado.

Ahora expandiremos la tabla hasta llenar la anchura de la ventana del navegador.

<TABLE BORDER=3 WIDTH=100%>
<TR>
<TD>
Ingredientes para una tarta de Manzana
<UL>
<LI>Manzanas
<LI>Harina
<LI>Azúcar
<LI>Cinamomo
</UL>
</TD>
</TR>
</TABLE>

¿No es divertido?