HTML
                    Tablas:
WIDTH= Ancho de toda la fila o celda. También se puede dar
en %
ALIGN= Alinea el contenido a la izquierda, derecha o centro
VALIGN="top" , "middle" o "bottom". Alinea el contenido
verticalmente arriba, en medio o abajo
BGCOLOR= Pone un fondo del color especificado a la celda
o fila
COLSPAN= Especifica el número de columnas que abarca la
fila
ROWSPAN= Especifica el número de filas que abarca la
columna

                   Ing. Lisseth Agüero Mirabal
HTML
                    Tablas:

<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
HTML
              Tablas Anidadas:
<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
HTML
Tablas Anidadas: Realice
  el siguiente ejemplo
                          IMAGEN

Usuario:

Contraseña:

  Aceptar   Cancelar




                 Ing. Lisseth Agüero Mirabal
GRACIAS POR SU
  ATENCIÓN

    Ing. Lisseth Agüero Mirabal

Html tablas

  • 1.
    HTML Tablas: WIDTH= Ancho de toda la fila o celda. También se puede dar en % ALIGN= Alinea el contenido a la izquierda, derecha o centro VALIGN="top" , "middle" o "bottom". Alinea el contenido verticalmente arriba, en medio o abajo BGCOLOR= Pone un fondo del color especificado a la celda o fila COLSPAN= Especifica el número de columnas que abarca la fila ROWSPAN= Especifica el número de filas que abarca la columna Ing. Lisseth Agüero Mirabal
  • 2.
    HTML Tablas: <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
  • 3.
    HTML Tablas Anidadas: <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
  • 4.
    HTML Tablas Anidadas: Realice el siguiente ejemplo IMAGEN Usuario: Contraseña: Aceptar Cancelar Ing. Lisseth Agüero Mirabal
  • 5.
    GRACIAS POR SU ATENCIÓN Ing. Lisseth Agüero Mirabal