Construcción de Tablas

Construcción de Tablas

Celdas

• Las tablas se crean por medio de las etiquetas <TABLE> .
• La tabla más sencilla es una simple celda. La etiqueta <TD> define el comienzo de una celda.

Salida	Etiquetas requeridas
Texto en una celda.	<TABLE BORDER=3 CELLPADDING=10> <TD> Texto en una celda. </TD> </TABLE>

Los atributos de la etiqueta <TABLE> incluyen:

UNITS	Define la unidad de medida de los demás atributos. Por omisión es en pixels, pero puede ser relativo (porcentual).
BORDER	Especifica que se dibujará un borde alrededor de las celdas de la tabla. El ancho del mismo se especifica opcionalmente con BORDER=n
CELLPADDING	Especifica el espacio entre los bordes de la tabla y el contenido de las celdas

• El contenido de cada celda demarcada por <TD> tiene en general los mismos atributos que la página completa.
• Por lo tanto puede tener su propio color de fondo, tipo de letra, incluir tablas, etc.
• Existen además otros atributos de la etiqueta <TD> para especificar cómo se posiciona la celda respecto de la tabla.

BGCOLOR	El color de la celda.
ALIGN	El contenido de la celda se alínea en LEFT, RIGHT, CENTER

Filas y Columnas

Repitiendo celdas etiquetadas con <TD> se forman las filas.

Salida	Etiquetas requeridas
Celda 1 Celda 2	<TABLE BORDER=2 CELLPADDING=5> <TD> Celda 1 </TD> <TD> Celda 2 </TD> </TABLE>

Para conformar una tabla con filas y columnas, se utiliza la etiqueta <TR> para separar filas entre sí.

Salida	Etiquetas requeridas
Celda 1 Celda 2 Celda 3 Celda 4	<TABLE BORDER=5 CELLPADDING=8> <TD> Celda 1 </TD> <TD> Celda 2 </TD> <TR> <TD> Celda 3 </TD> <TD> Celda 4 </TD> </TABLE>

Puede utilizarse la etiqueta <TH> para indicar que una celda es el encabezado de una columna.

Salida	Etiquetas requeridas
Nombre Significado HTML             Hyper Text Markup Language	<TABLE BORDER=5> <TH ALIGN=RIGHT>Nombre</TH> <TH> Significado </TH> <TR> <TD> HTML </TD> <TD> Hyper Text Markup Language </TD> </TABLE>

Múltiples filas y Columnas

Los atributos ROWSPAN y COLSPAN de las etiquetas <TD> y <TH> se pueden utilizar para formar celdas que abarcan más de una fila o columna:

Salida	Etiquetas requeridas
Plataforma Navegador Unix utilizar Mosaic Lynx Windows 95 Netscape Explorer	<TABLE BORDER=2> <TH> Plataforma </TH> <TH COLSPAN=2>Navegador</TH> <TR> <TD>Unix </TD> <TD>ROWSPAN=2>utilizar</TD> <TD>Mosaic<BR>Lynx</TD> </TR> <TR> <TD>Windows 95</TD> <TD>Netscape<BR> Explorer</TD> </TABLE>

Página anterior (Más Etiquetas).

Continuar (Localizaciones de Recursos URL).