HTML 강좌 | figcaption – CODING FACTORY

HTML 강좌 | figcaption

figcaption

figcaption은 figure 요소에 캡션을 만듭니다. figure 요소의 자식 요소이며, 제일 처음 또는 제일 마지막에 위치시킵니다.

예제

<!doctype html>
<html lang="ko">
  <head>
    <meta charset="utf-8">
    <title>HTML Reference | figcaption</title>
  </head>
  <body>
    <p>Aenean nec mollis nulla. Phasellus lacinia tempus mauris eu laoreet.</p>
    <figure>
      <figcaption>First Figure</figcaption>
      <img src="images/img-02.png">
    </figure>
    <p>Aenean nec mollis nulla. Phasellus lacinia tempus mauris eu laoreet.</p>
    <figure>
      <img src="images/img-02.png">
      <figcaption>Second Figure</figcaption>
    </figure>
  </body>
</html>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

<!doctype html>

<head>

<title>HTML Reference | figcaption</title>

</head>

<body>

<p>Aenean nec mollis nulla. Phasellus lacinia tempus mauris eu laoreet.</p>

<figcaption>First Figure</figcaption>

</figure>

<p>Aenean nec mollis nulla. Phasellus lacinia tempus mauris eu laoreet.</p>

<figcaption>Second Figure</figcaption>

</figure>

</body>

</html>