210705 피규어태그

피규어 figure 태그

  1. 이미지와 텍스트를 함께 사용해야 하는 경우를 위해 HTML5 부터 새롭게 만든 태그
  2. 이미지, 영상 등 멀티미디어 내용을 담을 때 사용한다

<figure>

이미지, 동영상 등 멀티미디어 넣을 때 사용

<img>

피규어태그 안에 이미지 넣기

<h1> ~ <h6>

피규어태그 안에 이미지에 대한 제목글 넣기

<figcaption>

피규어태그 안에 이미지에 대한 설명글 넣기

<figure>
  <img src="images/class-slogan.png" alt="slogan image">
  <h1>코딩웍스 웹디자인기능사 실기시험 온라인 강의</h1>
  <figcaption>
    [2016년 이전] 어도비 포토샵, 어도비 일러스트레이터, 어도비 애니메이트 (중략...)
    드림위버의 4가지 프로그램을 이용하여 웹페이지를 만드는 작업을 한다.
    Flash 대신 JavaScript, jQuery, CSS 를 활용한 애니메이션 (중략...)
  </figcaption>
</figure>

좋은 웹페이지 즐겨찾기