html tablas
Post on 15-Jun-2015
305 Views
Preview:
DESCRIPTION
TRANSCRIPT
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
top related