Ing. Lisseth Agüero Mirabal

Tablas:

HTML

WIDTH= Ancho de toda la fila o celda. También se puede dar en %ALIGN= Alinea el contenido a la izquierda, derecha o centroVALIGN="top" , "middle" o "bottom". Alinea el contenido verticalmente arriba, en medio o abajoBGCOLOR= Pone un fondo del color especificado a la celda o filaCOLSPAN= Especifica el número de columnas que abarca la filaROWSPAN= Especifica el número de filas que abarca la columna

Ing. Lisseth Agüero Mirabal

Tablas:

HTML

<TABLE BORDER="3" CELLSPACING="5" WIDTH="200"> <TH COLSPAN=2 BGCOLOR="#6D8FFF"> Este es el título</TH><TR align="center"> <TD>Esta es la celda de la 1ª fila y de la 1ª columna</TD><TD> Esta es de la 1ª fila y de la 2ª columna</TD></TR><TR BGCOLOR="#6D8FFF><TD>Esto está con un fondo azul</TD> <TD align="right" valign="bottom">Y esto también</TD> </TR></TABLE>

Ing. Lisseth Agüero Mirabal

Tablas Anidadas:

HTML

<table cellspacing="10" cellpadding="10" border="3"> <tr> <td align="center"> Celda de la tabla principal  </td>     <td align="center">         <table cellspacing="2" cellpadding="2" border="1">         <tr>  <td>Tabla anidada, celda 1</td>             <td>Tabla anidada, celda 2</td>         </tr>         <tr>             <td>Tabla anidada, celda 3</td>             <td>Tabla anidada, celda 4</td>         </tr>         </table>     </td>  </tr> </table>

Ing. Lisseth Agüero Mirabal

Tablas Anidadas: Realice el siguiente ejemplo

HTML

IMAGEN

Usuario:

Contraseña:

Aceptar

Cancelar

Ing. Lisseth Agüero Mirabal

GRACIAS POR SU ATENCIÓN