Tablas

Noviembre 2017

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:

Este es el título de la tabla
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

Tables
Tables
Tableau HTML (TABLE)
Tableau HTML (TABLE)
Le tabelle
Le tabelle
Os quadros
Os quadros
ASCII
ASCII
Última actualización: 16 de octubre de 2008 a las 15:43 por Jeff.
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.