Título en tabla HTML

02/Jun/2015 HTML , Deja un comentario

En este ejemplo vamos a ver cómo podemos poner un título en tabla HTML. Para ello vamos a ver cómo podemos utilizar el elemento caption de HTML.

Lo primero será partir de una tabla. En este caso hemos escogido una tabla con datos demográficos.

País Capital Superficie Habitantes
España Madrid 504.645 km2 46,6 M
Italia Roma 301.338 km2 60,7 M

Vemos que la estructura de la tabla es la normal, con su elemento table, con sus filas definidas mediante el elemento tr y las celdas ya sean de cabecera th o normales td.

Para poner el título en tabla HTML deberemos de añadir el elemento caption justamente después del elemento table. El elemento caption es un elemento con etiquetas de inicio y cierre que contendrá el texto representativo del título.

Es decir, el código HTML nos quedará de la siguiente forma:


...
Datos Demográficos
País Capital Superficie Habitantes

Visualmente el título en tabla HTML se muestra centrado encima de la tabla. Si bien mediante CSS podremos ponerlo encima o debajo de la tabla (lo veremos en otro artículo) o modificar su representación visual.

En el ejemplo que hemos visto para poner el título en tabla HTML el resultado sería parecido a este:

Datos Demográficos
PaísCapitalSuperficieHabitantes
EspañaMadrid504.645 km246,6 M
ItaliaRoma301.338 km260,7 M
FranciaParís675.417 km266 M
GreciaAtenas131.990 km210,7 M
AlemaniaBerlin357.168 km281,2 M

Vídeos sobre HTML


¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.