3.1.8. Tablas
Disponemos en HTML de un grupo de etiquetas que nos permite introducir texto
en forma de tablas. Las etiquetas para ello son:
TABLE: marca el inicio y final de la tabla.
TR: marca el inicio y final de una fila.
TH: marca el inicio y final de una celda de cabecera.
TD: marca el inicio y final de una celda.
CAPTION: permite insertar títulos en las tablas.
Una tabla simple queda conformada por el siguiente código:
<TABLE>
<TR><TH>Cabecera 1</TH>...<TH>Cabecera n</TH></TR>
<TR><TD>Celda 1.1</TD>...<TD>Celda n</TD></TR>
...
<TR><TD>Celda 1.1</TD>...<TD>Celda n</TD></TR>
<CAPTION>Título</CAPTION>
</TABLE>
Como podemos ver, la tabla queda envuelta dentro de una etiqueta
TABLE. Para cada fila de la tabla debemos envolver esta fila entre
las etiquetas <TR> y </TR>. En cada fila tenemos dos opciones
para mostrar las celdas: podemos envolverlas entre etiquetas <TH>
o entre etiquetas <TD>. La diferencia entre ellas es que la primera
selecciona un tipo de letra negrilla y centra la columna.
Etiqueta <TABLE>
La etiqueta TABLE tiene algunos atributos que nos permiten especificar más
concretamente el formato que queremos darle a la tabla.
BORDER: nos indica el tamaño de los bordes de la celda.
CELLSPACING: nos indica el tamaño en puntos del espacio entre celdas.
CELLPADDING: nos indica el tamaño en puntos entre el contenido de una celda y
los bordes.
WIDTH: especifica el ancho de la tabla. Puede estar tanto en puntos como con
relación al porcentaje de la anchura total disponible. Por ejemplo, 100% indica
toda la ventana del navegador.
ALIGN: alinea la tabla respecto a la página, a la izquierda (LEFT),
a la derecha (RIGHT) o al centro (CENTER).
BGCOLOR: especifica el color de fondo de la tabla.
Etiqueta <TR>
La etiqueta TR nos permite introducir las diferentes filas que componen
una tabla. TR presenta los siguientes atributos:
ALIGN: alinea el contenido de las celdas de la fila horizontalmente
a izquierda (LEFT), derecha (RIGHT) o centro (CENTER).
VALIGN: alinea el contenido de las celdas de la fila verticalmente
arriba (TOP), abajo (BOTTOM) o centro (MIDDLE).
BGCOLOR: especifica el color de fondo de la fila.
XP04/90791/00021
Etiquetas <TD> y <TH>
Las etiquetas TD y TH nos permite introducir las celdas que formarán la fila en la
que se encuentran. La diferencia principal entre ellas estriba en que TH centra
horizontalmente el contenido de la celda y lo muestra en negrillas. Estas dos
etiquetas pueden presentar los siguientes atributos:
ALIGN: alinea el contenido de las celdas de la fila horizontalmente
a izquierda (LEFT), derecha (RIGHT) o centro (CENTER).
VALIGN: alinea el contenido de las celdas de la fila verticalmente arriba (TOP),
abajo (BOTTOM) o centro (MIDDLE).
BGCOLOR: especifica el color de fondo de la celda.
WIDTH: especifica el ancho de la celda, en puntos o porcentualmente.
En este último caso hay que tener en cuenta que se refiere al ancho
de la tabla, no de la ventana.
NOWRAP: impide que en el interior de las celdas se divida la línea por espacios.
COLSPAN: especifica cuántas celdas, incluyendo esta, se unirán hacia la derecha
para formar una sola. Si COLSPAN es cero, todas las celdas se unirán a la
derecha.
ROWSPAN: especifica el número de celdas de la columna situadas debajo
de la actual que se unen a ésta.
0
