Ejemplos de Tablas

Una Tabla Simple:

1 2 3
4 5 6

<TABLE BORDER>
     <TR>
          <TD>1 <TD> 2 <TD> 3
     <TR>
          <TD>4 <TD> 5 <TD> 6
</TABLE>

Demostración de TH, COLSPAN y ROWSPAN:

Numeros
Num1 2 3
4 5 6

<TABLE BORDER>
     <TR>
          <TD><TH COLSPAN=3>Numeros
     <TR>
          <TH ROWSPAN=2>Num<TD>1 <TD> 2 <TD> 3
     <TR>
          <TD>4 <TD> 5 <TD> 6
</TABLE>

Demostración de Multiples Cabeceras:

Datos1 Datos2
Datos1.1 Datos1.2 Datos2.1 Datos2.2
1234
5678

<TABLE BORDER>
     <TR>
          <TH COLSPAN=2>Datos1 </TH><TH COLSPAN=2>Datos2 </TH>
     </TR>
     <TR>
          <TH>Datos1.1 </TH><TH>Datos1.2 </TH><TH>Datos2.1 </TH><TH>Datos2.2 </TH>
     </TR>
     <TR>
          <TD>1</TD><TD>2</TD><TD>3</TD><TD>4</TD>
     </TR>
     <TR>
          <TD>5</TD><TD>6</TD><TD>7</TD><TD>8</TD>
     </TR>
</TABLE>

Tabla sin Borde:

1 2 3
4 5 6

<TABLE>
     <TR>
          <TD>1 <TD> 2 <TD> 3
     <TR>
          <TD>4 <TD> 5 <TD> 6
</TABLE>

Tabla con Borde=15:

1 2 3
4 5 6

<TABLE BORDER=15>
     <TR>
          <TD>1 <TD> 2 <TD> 3
     <TR>
          <TD>4 <TD> 5 <TD> 6
</TABLE>

Ejemplos con CELLPADDING y CELLSPACING:

1 2 3
4 5 6

<TABLE BORDER CELLPADDING=10 CELLSPACING=0>
     <TR>
          <TD>1 <TD> 2 <TD> 3
     <TR>
          <TD>4 <TD> 5 <TD> 6
</TABLE>

1 2 3
4 5 6

<TABLE BORDER CELLPADDING=0 CELLSPACING=10>
     <TR>
          <TD>1 <TD> 2 <TD> 3
     <TR>
          <TD>4 <TD> 5 <TD> 6
</TABLE>

1 2 3
4 5 6

<TABLE BORDER CELLPADDING=10 CELLSPACING=10>
     <TR>
          <TD>1 <TD> 2 <TD> 3
     <TR>
          <TD>4 <TD> 5 <TD> 6
</TABLE>

Ejemplos de alineaciones ALIGN:

Cabecera de Titulo 1 Cabecera de Titulo 2 Cabecera de Titulo 3
Celda 1 Celda 2 Celda 3
Celda 4 Celda 5 Celda 6

<TABLE BORDER>
     <TR>
          <TH ALIGN=CENTER>Cabecera de Titulo 1 <TH ALIGN=CENTER> Cabecera de Titulo 2 <TH ALIGN=CENTER> Cabecera de Titulo 3
     <TR>
          <TD ALIGN=LEFT>Celda 1 <TD ALIGN=CENTER> Celda 2 <TD ALIGN=RIGHT> Celda 3
     <TR>
          <TD ALIGN=RIGHT>Celda 4 <TD ALIGN=CENTER> Celda 5 <TD ALIGN=LEFT> Celda 6
</TABLE>

Ejemplos de alineaciones verticales VALIGN:

Cabecera de Titulo 1 Cabecera de Titulo 2 Cabecera de Titulo 3 Cabecera de Titulo 4
Celda 1 Celda 2 Celda 3 Celda 4
Celda 5 Celda 7 Celda 8
Celda 9 Celda 10 Celda 12

<TABLE BORDER>
     <TR>
          <TH ALIGN=CENTER>Cabecera de Titulo 1
          <TH ALIGN=CENTER> Cabecera de Titulo 2
          <TH ALIGN=CENTER> Cabecera de Titulo 3
           <TH ALIGN=CENTER> Cabecera de Titulo 4
     <TR>
          <TD ALIGN=LEFT>Celda 1
          <TD ALIGN=CENTER> Celda 2
           <TD ALIGN=RIGHT> Celda 3
          <TD ALIGN=CENTER> Celda 4
     <TR>
          <TD ALIGN=LEFT VALIGN=TOP>Celda 5
          <TD ALIGN=CENTER><IMG SRC="/imagenes/bibliog.gif">
          <TD ALIGN=RIGHT VALIGN=BOTTOM> Celda 7
          <TD ALIGN=CENTER VALIGN=MIDDLE> Celda 8
     <TR>
          <TD VALIGN=BOTTOM>Celda 9
          <TD VALIGN=MIDDLE> Celda 10
          <IMG SRC="/imagenes/mundog.gif">
          <TD VALIGN=TOP> Celda 12
</TABLE>

Ejemplos de colores de fondo de las celdas BGCOLOR:
(Solo para el Netscape 3.0 e Internet Explorer)

Cabecera de Titulo 1 Cabecera de Titulo 2 Cabecera de Titulo 3
Celda 1 Celda 2 Celda 3
Celda 4 Celda 5 Celda 6

<TABLE BORDER>
     <TR BGCOLOR=YELLOW>
          <TH>Cabecera de Titulo 1 <TH> Cabecera de Titulo 2 <TH> Cabecera de Titulo 3
     <TR BGCOLOR=WHITE>
          <TD>Celda 1 <TD> Celda 2 <TD> Celda 3
     <TR>
          <TD BGCOLOR=RED>Celda 4 <TD BGCOLOR=WHITE> Celda 5 <TD BGCOLOR=GREEN> Celda 6
</TABLE>

Distintos tamaños de tablas:

Esta es la celda número 1 La dos y por último esta es la celda número 3
Celda 1 segunda fila dos 2 fila y por último esta es la celda número 3 de la última fila

Esta es la celda número 1 La dos y por último esta es la celda número 3
Celda 1 segunda fila dos 2 fila y por último esta es la celda número 3 de la última fila

Esta es la celda número 1 La dos y por último esta es la celda número 3
Celda 1 segunda fila dos 2 fila y por último esta es la celda número 3 de la última fila

Esta es la celda número 1 La dos y por último esta es la celda número 3
Celda 1 segunda fila dos 2 fila y por último esta es la celda número 3 de la última fila