Ahora necesitamos una segunda celda. Y queremos que la celda izquierda sea un poco más pequeña que la derecha.

<TABLE BORDER=3 WIDTH=100%>
<TR>
<TD WIDTH=40%>&nbsp;</TD>
<TD WIDTH=60%>
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

Cómo hábito coloca un espacio en blanco (&nbsp;) en la celda vacía.


Ahora vamos a copiar tarta.gif a tu carpeta de trabajo

Encaja la imagen en la primera celda

<TABLE BORDER=3 WIDTH=100%>
<TR>
<TD WIDTH=40%><IMG SRC="tarta.gif" WIDTH=150 HEIGHT=138></TD>
<TD WIDTH=60%>
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

Lo único que queda por hacer es alinear la imagen de la tarta con el lado derecho de la celda y apagar el atributo de borde.

<TABLE BORDER=0 WIDTH=100%>
<TR>
<TD WIDTH=40% ALIGN="right"><IMG SRC="tarta.gif" WIDTH=150 HEIGHT=138></TD>
<TD WIDTH=60%>
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

¡Bingo!