Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda 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

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 2. Capítulo 3

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

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

Deslize para mostrar o menu

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

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 2. Capítulo 3
some-alt