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
Num	1	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
1	2	3	4
5	6	7	8

<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:

• WIDHT=10%

• WIDHT=50%

• WIDHT=75%

• WIDHT=100%