3.1.8. Tablas Disponemos en HTML de un grupo de etiquetas que

Anuncio
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.
Descargar