rss

HTML - Las tablas

HtmlPlus

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

Este documento intitulado « HTML - Las tablas » de Kioskea (es.kioskea.net) esta puesto a diposición bajo la licencia Creative Commons. Puede copiar, modificar bajo las condiciones puestas por la licencia, siempre que esta nota sea visible.
 
Discusiones pertinentes en el foro
20/06 17h30Ejemplos de HTML8
31/05 14h59Cdigo html para fonfo4
30/05 15h08FECHA en HTML4
29/05 20h11Ejemplos html estilo link6
29/05 15h37Convierte código HTML a código Wiki6
Mas discusiós en « HTML »
Programas pertinentes en las descargas
Descargar HTMLDOC 1.8.24HTMLDOC - HTMLDOC es una herramienta que permite convertir una página HTML (Hyper-Text Markup Language) en un archivo HTML indexado,...Categoría: PDF
Licencia: Freeware/gratuit
Descargar PDFtoHTML 1.4PDFtoHTML - PDFtoHTML puede abrir archivos PDF. Este reconoce los textos, la disposición y muchos gráficos. Puede guardar en formato...Categoría: PDF
Licencia: Demo
Descargar AbiWord 2.6.3AbiWord - AbiWord es un software procesador de texto, que incluye las siguientes herramientas: Corrector ortográfico Formato...Categoría: Tratamiento de texto
Licencia: Freeware/gratuit
Descargar Wink  2.0 build 1050Wink - Wink le permite capturar toda la actividad que se produce en la pantalla (imágenes y desplazamiento del cursor) para crear...Categoría: Capturas
Licencia: Freeware/gratuit
Mas programas gratuitos en « HTML »