- ––––• GRUPOS DE NENA •–––

TABLA 4

Atributos a Nivel de Celdas

Por último veremos los atributos a nivel de Celda
aplicables indistintamente a las etiquetas ...

<TH> y <TD>

WIDTH & HEIGHT

Definiremos el ancho " WIDTH " y el alto " HEIGHT " de la Celda
su valor podrá ir definido en pixeles o en porcentaje respecto a la Tabla ...

El tamaño de todas las Celdas siempre ira definido por la mayor de ellas
ya sea a lo Alto como a lo Ancho ... su estructura será

BGCOLOR

Asignamos un Color de Fondo a la Celda
ya sea mediante el Nombre o el Valor Hexadecimal del color escogido

Su estructura será ...

<TH/TD BGCOLOR="#FFFFFF">
<TH/TD BGCOLOR="Nombre" ... "WHITE">

BORDERCOLOR

Le daremos un Color al Borde de la Celda ya sea mediante su Nombre o su Valor Hexadecimal ... su estructura será

<TH/TD BORDERCOLOR="#000000">
<TH/TD BORDERCOLOR="BLACK">

ALIGN

Este atributo nos servirá para indicar la Alineación Horizontal
de los elementos contenidos en la Celda

Contiene tres valores definidos que son ...

                                                   Left ... Alineados a la izquierda
                                                 Right ... Alineados a la derecha
                                               Center ... Centrados

Su estructura será así ...

<TH/TD ALIGN="left / right / center">

VALIGN

Este atributo nos servirá para indicar la Alineación Vertical
de los elementos contenidos en la Celda

También contiene tres valores definidos ...

                                 Top ... En la parte superior de la celda
                         Bottom ...  En la parte inferior de la celda
                           Center ... En el centro de la celda

Su estructura será ...

<TH/TD VALIGN="top / bottom / right">

ROWSPAN

Este atributo permite a la Celda abarcar más de una Fila ...
se le asignará como valor un número que indique
cuantas Filas va a ocupar ... su estructura será

<TH/TD ROWSPAN="Número">

COLSPAN

Este atributo permite a la Celda abarcar más de una Columna
Se le asignará como valor un números que indique
cuantas Columnas va a ocupar ... su estructura será así

<TH/TD COLSPAN="Número">

Veamos en este último ejemplo los resultados de los atributos ...

Tomando el ejemplo anterior lo modificaremos con los atributos señalados y veremos cual es el resultado

De igual manera a continuación
veremos el Código de la Tabla como su Ejemplo ...

Código Tabla 4

<TABLE align=center border=1>
<TBODY>
<TR>
    <TH borderColor=#FF0000 bgColor=#000000 height=75><FONT color=#FFFFFF      size=4>Grupo</FONT></TH>
    <TH borderColor=#FF0000 bgColor=#FF0000><FONT color=#FFFFFF
      size=4>Script</FONT></TH>
    <TH borderColor=#FF0000 bgColor=#000000><FONT color=#FFFFFF      size=4>Nena</FONT></TH></TR>
<TR>
    <TD vAlign=bottom borderColor=#FF0000 align=right bgColor=#FFFFFF
      colSpan=2><FONT size=4>Ejemplo Tabla 4</FONT></TD>
    <TD vAlign=top borderColor=#FF0000 align=left width=125 bgColor=#000000
    rowSpan=2><FONT color=#FF0000 size=4>Tabla</FONT></TD></TR>
<TR>
    <TD borderColor=#FF0000 bgColor=#000000><FONT color=#FF0000 size=4>Suerte
      !!! </FONT></TD>
    <TD borderColor=#000000 bgColor=#FF0000><FONT color=#FFFFFF><FONT
      size=4> Ahora a Practicar ...</FONT> </FONT></TD></TR></TBODY></TABLE>

EJEMPLO TABLA 4

Grupo	Script	Nena
Ejemplo Tabla 4		Tabla
Suerte !!!	Ahora a Practicar ...	Tabla

Suerte ... !