TABLAS

Las tablas surgieron en la version 3.0. Por medio de las tablas podemos representar y ordenar cualquier elemento, ya sea por filas o columnas.

El contenido de una tabla lo podemos desarroyar por mdeio de las etiquetas < table >...< /table >.

La etiqueta < td > define el comienzo de una celda y es la tabla mas simple.

Por ejemplo si escribimos el siguiente codigo:

< table >
< td > Este texto esta en una celda < /td >
< /table >

El resultado sera:

Este texto esta en una celda

La etiqueta < th > es utilizada para indicar que una celda es el encabezado de una columna.

Ejemplo:

< table >
< th > nombre < /th >
< th > edad < /th >
< tr >
< th > Juan < /th >
< th > 23 < /th >
< /table >

El resultado sera:

Nombre	Edad
Juan	23

La etiqueta < tr > es utilizada para separar filas entre si.

ATRIBUTO DE LA ETIQUETA TABLE

ATRIBUTO	ACCION
BORDER	Indica el tamaño del borde en pixeles, sino indica nada no contendra un borde
WIDTH	Es el ancho de la tabla, puede especificarse en valor absoluto (pixeles) o en porcentaje (%) del ancho disponible
CELLSPACING	Es el espacio entre celdas, por defecto es "2"
CELLSPADDING	Es el espacio que esta entre el contenido de las celdas y el borde de las mismas por defecto es "1"

ATRIBUTO DE LA FILA Y CELDA

ATRIBUTO	ACCION
ALIGN	Alinea el contenido verticalmente, hacia arriba, en medio o abajo
WIDTH	Especifica el ancho de toda la fila o celda
BGCOLOR	Color de fondo especificado en cada celda
COLSPAN	Especifica el numero de columnas que abarcara la fila
ROWSPAN	Especifica el numero de filas que abarcara la columnas

CONTENIDO DE UNA CELDA

En la celda puede colocarse, enlaces, imágenes, textos y fotos específicos.

Si escribimos el siguiente código:

< table >
< tr >
< td > &nbsp;</td >
< td > < img src="../imagenes/mickeymouse.jpg" > </td >
< td > &nbsp;< /td >
< tr >
< /table >

Tendremos como resultado:



EJEMPLO DE COLOR DE FONDO

En la celda puede colocarse, enlaces, imágenes, textos y fotos específicos.

Si escribimos el siguiente código:

< table >
< tr >
< td bgcolor="#00FF00"> &nbsp;</td >
< td >&nbsp; </td > <tr > < td > &nbsp;< /td >
< td > &nbsp;< /td >
< tr >
< /table >

Tendremos como resultado:



CELDAS QUE ABARCAN OTRAS CELDAS

En ocasiones es necesario que una celda se extienda sobre otras. Esto se consigue mediante un atributo llamado COLSPAN=N
N=Número de columnas, para extenderse verticalmente se utiliza el atributo ROWSPAN=N
N=Números de filas.

Si escribimos el siguiente código:

<table border="2" >
<th >Plataforma <th colspan="2" >Navegador </th >
<tr >
<td >Unix</td >
<td rowspan="2" >Utilizar </td >
<td >Mosaic <br > Linux </td >
<tr >
<td >Window X </td >
<td >Netscape <br > Explorer </td >
</table >

Tendremos como resultado:

Plataforma	Navegador
Unix	Utilizar	Mosaic Linux
Window X		Netscape Explorer