Cómo hacer una Leyenda HTML

Existen dos tipos de títulos en HTML: títulos de las tablas y los pies de fotos. Leyendas de imagen se introdujeron en HTML 5 y van dentro de las etiquetas "figura" que las imágenes y los títulos del grupo juntos. Puede agregar varias imágenes entre un conjunto de etiquetas "figura" y darles un título que se muestra debajo de todo el conjunto. Leyendas de las tablas muestran el texto descriptivo, por encima de una tabla HTML. Para el estilo de estos capítulos, es necesario añadir CSS (Cascading Style Sheets) de código que se dirige a uno de los subtítulos etiquetas.

subtítulo

Ir a "Inicio" y escriba "Bloc de notas" en el cuadro de búsqueda. Vaya a "Archivo" y "Abrir ..." para abrir el archivo para su página Web. En la mayoría de los casos, este es un archivo HTML.

Agregar un título a su tabla HTML usando la etiqueta "leyenda":

tabla

captionThis es un cuadro / caption

tr

tdCell 1/td

tdCell 2/td

/ Tr

/ Table

Esta etiqueta debe venir directamente después de la etiqueta de apertura "mesa", como se muestra. El texto entre las etiquetas "leyenda" se convierte en el título de la tabla.

Agregar un título a una imagen en HTML con el siguiente código:

averiguar

img src = "ruta / al / image.png" alt = "Mi imagen"

figcaptionThis es mi imagen. / figcaption

/ Figura

En HTML 5, los grupos de variables "figura", junto una imagen y su leyenda. Las etiquetas "figcaption" envuelven alrededor de la misma leyenda.

Estilo de los subtítulos en CSS:

figcaption {

font-style: cursiva;

}

Cambiar "figcaption" a "leyenda" si quieres estilo del título de la tabla en lugar de un título de la imagen. Añada sus pares propiedad-valor entre las llaves, separados por punto y coma. Puede agregar código CSS entre las etiquetas "estilo" en la cabecera de la página Web o en una hoja de estilos externa.

Consejos y advertencias

La "figura" y "figcaption" trabajo etiquetas en HTML 5 solamente, por lo que si quieres hacer que los subtítulos funcionan en los navegadores antiguos, añaden un 5 script de HTML que permite a las páginas Web. Sin la escritura, el título se mostrará, pero el estilo no va a funcionar.