728x90
반응형
이미지 아래 이미지를 설명하는 캡션태그입니다.
<!DOCTYPE html>
<html>
<body>
<h1>유기농 석류 </h1>
<figure>
<img src="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FzJjmZ%2FbtrlwVSlwtD%2F9kHZGW8khOD9kGfGFcfc80%2Fimg.jpg" alt="Trulli" style="width:100%">
<figcaption>여수 석류농장 유기농석류</figcaption>
</figure>
</body>
</html>
이미지 제목 <h1>유기농 석류 </h1>
figure 태그안에
이미지 삽입하고 아래
figcaption으로 이미지 설명을 표기합니다.
상단 태그를 미리보기 하면 아래 이미지와 같습니다.
html5는 이렇게 시멘틱 요소 태그가 많아 편리합니다.
728x90
반응형
'IT > HTML5&CSS3' 카테고리의 다른 글
| html5 그룹핑 태그 Fieldset legend (0) | 2021.11.19 |
|---|---|
| 실전 HTML5 & CSS3 동영상 강좌 제 30강_웹문서 제작 팁 (0) | 2016.01.06 |
| 실전 HTML5 & CSS3 동영상 강좌 제 29강_그리드 레이아웃-II (0) | 2016.01.06 |
| 실전 HTML5 & CSS3 동영상 강좌 제 28강_그리드 레이아웃-I (0) | 2016.01.06 |
| 실전 HTML5 & CSS3 동영상 강좌 제 27강_반응형 웹 (강의수정) (0) | 2016.01.06 |
댓글