Tutor de Tablas - Indice rápido

Una tabla básica con 2 filas y 3 columnas:

Las rosas son rojas
Las violetas son azules

<TABLE BORDER=2>
<TR>
  <TD>Las rosas</TD>
  <TD>son</TD>
  <TD>rojas</TD>
</TR>
<TR>
  <TD>Las violetas</TD>
  <TD>son</TD>
  <TD>azules</TD>
</TR>
</TABLE>

Atributos de tablas opcionales, pero muy útiles.
(Además de los atributos mostrados aquí, hay unos pocos más. Aquí se han mostrado los más utilizados y soportados, y ampliamente mencionados en este tutorial. Consulta la Guía básica que se adjunta con este tutorial para una lista más completa, y consulta la última versión de la Librería de Referencia de HTML para profundizar más.)

<TABLE
   CELLPADDING=0 o mayor
   CELLSPACING=0 o mayor
   BORDER=0 o mayor
   WIDTH=pixel o porcentaje de valor
   HEIGHT=pixel o porcentaje de valor (no enteramente soportado)
   BGCOLOR="#123456"
   >

<TR
   BGCOLOR="#123456"
   > 

<TD
   ALIGN="left|center|right"
   VALIGN="top|middle|bottom"
   WIDTH=pixel o porcentaje de valor (no enteramente soportado)
   BGCOLOR="#123456"
   COLSPAN=1 o mayor
   ROWSPAN=1 o mayor   >

Recuerda, es una buena práctica incluir SIEMPRE </TD>, </TR> y </TABLE> para cerrar tus tablas. Si no lo haces corres el riesgo de que grandes partes de tu página no se vean en ciertos navegadores. Consideráte avisado ;-)

 

¡Hazlo con una Tabla!     Marcos de Imágenes     Lineas Coloreadas
¡Hey, hay espacios en mis tablas!     El Dragón
Tablas de Colores:    216 colores(gif)    216 colores(html)    1536 colores(html)