figure 태그

figure 태그는 HTML 이미지와 그 아래의 캡션을 그룹화하기 위해 만들어졌습니다. 이미지에 대한 캡션은 figcaption 태그를 사용하여 만듭니다.

예제

img를 figure 태그 안에 넣고, 그 아래에 figcaption 태그를 사용하여 캡션을 만들어 보겠습니다:

html<figure>
  <img src="monkey.jpg" alt="">
  <figcaption>그림 1. 원숭이 그림.</figcaption>
</figure>

함께 보기

  • 이미지를 지정하는 태그 img
  • 배경 이미지를 지정하는 속성 background-image