Tablas
Uso de las tablas
A menudo resulta útil presentar información de una manera más estructurada que en las listas. Las tablas permiten mostrar esta información en filas y columnas. Las tablas se definen como series de filas.
Una tabla debe respetar las siguientes reglas:
- La tabla está enmarcada por las etiquetas <TABLE> y </TABLE>.
- El título de la tabla está enmarcado por <CAPTION> </CAPTION>
- Cada fila está enmarcada por<TR> </TR> (por Table Row).
- Las celdas de encabezamiento están enmarcadas por <TH> </TH> (por Table Header).
- Los datos en cada celda están enmarcados por <TD> </TD> (Table Data).
Este es un ejemplo de tabla HTML:
<TABLE BORDER="1">
<CAPTION>Este es el título de la tabla</CAPTION>
<TR>
<TH> Título A1 </TH>
<TH> Título A2 </TH>
<TH> Título A3 </TH>
<TH> Título A4 </TH>
</TR>
<TR>
<TH> Título B1 </TH>
<TD> Valor B2 </TD>
<TD> Valor B3 </TD>
<TD> Valor B4 </TD>
</TR>
</TABLE>
Los resultados de este código:
Título A1 | Título A2 | Título A3 | Título A4 |
---|---|---|---|
Título B1 | Valor B2 | Valor B3 | Valor B4 |
Atributos
Atributo | Etiquetas a las que se aplica | Valor | Efecto visual |
---|---|---|---|
ALIGN | THEAD TBODY TH TR TD |
CENTER
LEFT RIGHT JUSTIFY |
Centrado
Izquierda Derecha Justificado |
CAPTION | TOP
BOTTOM |
Arriba
Abajo |
|
VALIGN (alineación vertical) |
THEAD TBODY TH TR TD |
TOP
MIDDLE BOTTOM |
Arriba
Medio Abajo |
BORDER=n | TABLE | Tamaño del borde | |
CELLPADDING=n | TABLE | Deja n píxeles de espacio entre los contenidos de la celda y el borde | |
CELLSPACING=n | TABLE | Grosor del espacio entre celdas | |
FLOAT | TABLE | RIGHT
LEFT |
Posición del texto que sigue a </TABLE> |
COLS=n | TABLE | Número de columnas | |
FRAME
(controla los elementos individuales del marco de la tabla) |
TABLE | NONE
Arriba BOTTOM TOPBOT SIDES ALL |
Ninguno
Arriba Abajo arriba de todo A los costados Todo |
RULES
(controla los elementos de la cuadrícula de la celda) |
TABLE | NONE
BASIC ROWS COLS ALL |
Ninguno
Básica Línea Columna Todo |
COLSPAN | THEAD TBODY TH TR TD |
Hace que las celdas desborden sobre las columnas adyacentes | |
ROWSPAN | THEAD TBODY TH TR TD |
Hace que las celdas desborden sobre las filas adyacentes |
El documento « Tablas » se encuentra disponible bajo una licencia Creative Commons. Puedes copiarlo o modificarlo libremente. No olvides citar a CCM (es.ccm.net) como tu fuente de información.