Site hosted by Angelfire.com: Build your free website today!

Universidad de León



Tutorial de HTML





TABLAS



Al igual que las listas, las tablas son componentes dedicados a mejorar la visualización de datos tabulados.
Las tablas siempre se especificarán por filas, es decir, primero se escribirá la fila 1, después la fila 2 y así sucesivamente.
Para comenzar a elaborar una tabla se utiliza la directiva <TABLE> con su respectivo cierre que sería </TABLE>.
Cada una de las filas se especifíca con <TR> y sus cierre </TR> y dentro de ella, cada celda se especifíca con <TD> y su cierre </TD>.
Las directiva <TABLE> cuenta con el atributo border que nos permite establecer bordes para las tablas.
Con respecto a los atributos para <TR> y <TD> encontramos los siguientes:

VALIGN
Nos permite realizar el centrado vertical y puede tomar los valores de: TOP ( superior ), BOTTOM ( inferior ) y MIDDLE ( centrado vertical ).
ALIGN
Nos permite realizar el centrado horizontal y puede tomar los valores de: RIGHT ( derecha ), LEFT ( izquierda ) y CENTER ( centrado horizontal ).
BACKGROUND
Nos permite establecer el color del fondo de la celda. Ver Colores
HEIGHT
Nos permite establecer lo ancho de la celda en pixeles
WIDTH
Nos permite establecer lo largo de la celda en pixeles
BORDERCOLOR
Nos permite establecer el color del borde. Ver Colores

Ejemplo:

A continuación realizaremos un ejemplo de una tabla que constará de 2 filas y 4 celdas.
El código a utilizar será:
<HTML>
<HEAD><TITLE>Ejemplo de Programación en HTML</TITLE></HEAD>
<BODY>
<TABLE border>
<TR><TD>Gastos</TD><TD>12000</TD>
<TR><TD>Ingresos</TD><TD>20000</TD>
</TABLE>
</BODY>
</HTML>
En el navegador se observaría:
Si ud. desea ver algunas otras aplicaciones haga un click aquí o aquí

Ir al Inicio

Página Anterior  Menú  Página Siguiente