Artículos
HTML

Título en tabla HTML

02/Jun/2015

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

Código Fuente

Descárgate el código fuente de Título en tabla HTML
Y si te ha gustado nuestro código fuente puedes regalarnos una estrella Star

Vídeos sobre HTML

Disfruta también de nuestros artículos sobre HTML en formato vídeo. Aprovecha y suscribete a nuestro canal.

Test HTML

¿Te atreves a probar tus habilidades y conocimiento en HTML con nuestro test?

Test HTML
Suscribir
Notificar de
guest
0 Comentarios
Opiniones integradas
Ver todos los comentarios