Título en tabla HTML

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:

Publicaciones relacionadas:

Ir al principio y al final de una página web Comentarios en HTML Vídeo sobre cómo insertar imágenes en HTML Agrupar filas en una tabla html Agrupar columnas en una tabla HTML