Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Figures and Captions | Working with Images and Visual Content
HTML Text and Media Foundations

bookFigures and Captions

The <figure> element allows you to group media, such as images or diagrams, with an accompanying caption. The <figcaption> element provides a clear description or explanation of the visual content. Using these elements together helps users quickly understand the purpose of an image, especially when it provides additional context, like a chart, diagram, or photograph that needs explanation.

index.html

index.html

copy
Note
Note

Always use <figcaption> for images that need explanation. This approach benefits everyone, including users who rely on screen readers for accessible content.

question mark

When should you use the <figcaption> element in HTML?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 2. Capítulo 3

Pregunte a AI

expand

Pregunte a AI

ChatGPT

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

Suggested prompts:

Can you show an example of how to use `<figure>` and `<figcaption>` in HTML?

Why is it important to use `<figcaption>` with images?

Are there accessibility benefits to using `<figure>` and `<figcaption>`?

Awesome!

Completion rate improved to 6.25

bookFigures and Captions

Desliza para mostrar el menú

The <figure> element allows you to group media, such as images or diagrams, with an accompanying caption. The <figcaption> element provides a clear description or explanation of the visual content. Using these elements together helps users quickly understand the purpose of an image, especially when it provides additional context, like a chart, diagram, or photograph that needs explanation.

index.html

index.html

copy
Note
Note

Always use <figcaption> for images that need explanation. This approach benefits everyone, including users who rely on screen readers for accessible content.

question mark

When should you use the <figcaption> element in HTML?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 2. Capítulo 3
some-alt