Curso de HTML - Tabla con título
¿ Qué es HTML? Estructura interna Salto de línea Párrafo Títulos Enfasis Hipervínculo a otra página Hipervínculo a otro sitio WEB Imágenes en una página Hipervínculo en una imagen Apertura de un hipervínculo en otra instancia del navegador Enlace a un correo Anclas en la misma página Anclas en la otra página Lista ordenada Lista no ordenada Lista de definiciones Listas anidadas Tablas Tabla con encabezado Tabla con título Combinación de celdas Titulo de la pagina Contenido de la cabecera Comentarios en una página Caracteres especiales Formulario form Formulario input Formulario texarea Formulario checkbox Formulario radio Formulario Select 1 Formulario Select 2 Formulario Select 3 Formulario Button Formulario Button 2 Formulario type= Formulario - input type= Formulario - agrupamiento de controles Formulario - controles con valores iniciales Formulario - orden de foco de controles Formulario - Inhabilitar controles Formulario - Text/password y maxlength Formulario - text/password/textarea y readonly Formulario - Envío de datos mediante mail Formulario - label Frames Actualización de un frame Frames - Medidas Frames - propiedades Frames - Anidamiento iframes Declaración DOCTYPE HTML Transitional DOCTYPE. HTML Estricto DOCTYPE. para Frames Validación de enlaces Conceptos hojas de estilo Texto en CSS Elementos div y span Fuentes con CSS Elementos obsoletos de html

Título de tablas

En el artículo anterior vimos el procedimiento básico para crear tablas en HTML. Hoy voy a explicarte cómo mejorar la presentación definiendo un titulo de la tabla.

Se le conoce como el elemento que nos sirve para definir el título de una tabla. No es aconsejable utilizar el elemento caption para mostrar información relacionada con entornos de accesibilidad. Los navegadores suelen ponerlo como título justo encima de la tabla. El elemento caption deberá de ir seguidamente al elemento table. 

Solo podrá existir un elemento caption asociado a una tabla.


<caption>Mi tabla de ejemplo</caption>
<table>
<caption>Mi tabla de ejemplo</caption>
<tr> <td>Fila 1 Columna 1</td>
<td>Fila 1 Columna 2</td>
<td>Fila 1 Columna 3</td>
<td>Fila 1 Columna 4</td>
</tr>
<tr>
<td>Fila 2 Columna 1</td>
<td>Fila 2 Columna 2</td>
<td>Fila 2 Columna 3</td>
<td>Fila 2 Columna 4</td>
</tr>
<tr>
<td>Fila 3 Columna 1</td>
<td>Fila 3 Columna 2</td>
<td>Fila 3 Columna 3</td>
<td>Fila 3 Columna 4</td>
</tr>
</table>

Como podemos observar la marca caption está inmediatamente después que se abre la marca de comienzo de la tabla:

<table border="1">
<caption>Población de los paises con mayor cantidad de habitantes. </caption>
<tr>

Para recordar el nombre de este nuevo elemento HTML:

<caption> significa título.