Los últimos tutoriales de desarrollo web
 

HTML <caption> Tag


Ejemplo

Una tabla con un título:

<table>
  <caption>Monthly savings</caption>
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table>
Inténtalo tú mismo "

Definición y Uso

La <caption> etiqueta define un título de la tabla.

La <caption> etiqueta debe insertarse inmediatamente después de la <table> etiqueta.

Nota: Puede especificar sólo una leyenda por mesa.

Consejo: Por defecto, una leyenda de la tabla será centro alineado por encima de una mesa.Sin embargo, las propiedades CSS text-align y caption-side se pueden utilizar para alinear y colocar el pie de foto.


Soporte para el navegador

Elemento
<caption>

Diferencias entre HTML 4.01 y HTML5

El align atributo se quita de HTML5.


atributos

Atributo Valor Descripción
align left
right
top
bottom
No se admite en HTML5.
Define la alineación del subtítulo

Los atributos globales

La <caption> etiqueta también es compatible con el de los atributos globales en HTML .


Atributos de eventos

La <caption> etiqueta también es compatible con la atributos de eventos en HTML .


Páginas relacionadas

Referencia HTML DOM: Objeto Leyenda


Ajustes por defecto CSS

La mayoría de los navegadores mostrarán el <caption> elemento con los siguientes valores predeterminados:

Ejemplo

caption {
    display: table-caption;
    text-align: center;
}
Inténtalo tú mismo "