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

Ingredientes para una tarta de Manzana


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

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

...¡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>

Jose

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>

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

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>

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

¿No es divertido?