Índice

Leyenda de la tabla

La etiqueta <caption> permite asociar un título o una leyenda a la tabla.

La etiqueta <caption> debe situarse justo después de la etiqueta de apertura <table> y debe aparecer una sola vez en la tabla.

Por defecto, la mayoría de los navegadores visualizan el contenido de la etiqueta <caption> de forma centrada y sobre la tabla. Es posible situar esta leyenda debajo de la tabla con ayuda de la propiedad de estilo CSS caption {caption-side: bottom;}.

Ejemplo

<!DOCTYPE html> 
<html lang="es"> 
<head> 
<title>Html5</title> 
<meta charset="UTF-8"> 
<style> 
table { border: 1px solid black; 
        border-collapse: collapse; 
        width: 250px;} 
td { border: 1px solid black;} 
</style> 
</head> 
<body> 
<table> 
<caption>Leyenda de la tabla</caption> 
<tr> 
<td>1</td> 
<td>2</td> 
<td>3</td> 
</tr> 
<tr> 
<td>4</td> 
<td>5</td> 
<td>6</td> 
</tr> 
</table> 
</body> 
</html>
images/CAP06IMG16.png