figure 태그


하나의 이미지

< 밑집모자해적단 현상금 >
< 밑집모자해적단 현상금 >

여러 이미지


[ 라이언 이미지 ]
"> figure-tag

figure 태그


하나의 이미지

< 밑집모자해적단 현상금 >
< 밑집모자해적단 현상금 >

여러 이미지


[ 라이언 이미지 ]
"> figure-tag

figure 태그


하나의 이미지

< 밑집모자해적단 현상금 >
< 밑집모자해적단 현상금 >

여러 이미지


[ 라이언 이미지 ]
"> 
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>figure-tag</title>
</head>
<body>
<!-- 
	# figure 태그
	- 본문 내용안에 첨부자료를 표시하면서 설명글을 작성하기 위한 태그.
	
	# figcaption 태그
	- figure 요소안에 제목을 붙일 때 사용.
	
 -->
 	<h2>figure 태그</h2>
 	<br>
 	<h3>하나의 이미지</h3>
 	<figure>
 		<img src="../../image/img/onepice_poster.jpg" title="밑집모자 해적단 포스터" width="300px" height="300px">
 		<figcaption>&lt; 밑집모자해적단 현상금 &gt;</figcaption>
 	</figure>
 	 	<figure>
 	 	<figcaption>&lt; 밑집모자해적단 현상금 &gt;</figcaption>
 		<img src="../../image/img/onepice_poster.jpg" title="밑집모자 해적단 포스터" width="300px" height="300px">
 	</figure>
 	<h3>여러 이미지</h3>
 	<figure>
 		<img src="../../image/img/라이언_생각.png" title="라이언 생각" width="100px" height="100px"><br>
 		<img src="../../image/img/라이언_장미.png" title="라이언 장미" width="100px" height="100px">
 		<img src="../../image/img/라이언_후드.png" title="라이언 후드" width="100px" height="100px">
 		<figcaption>[ 라이언 이미지 ]</figcaption>
 	</figure>
</body>
</html>