<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="https://code.jquery.com/jquery-3.5.0.js"></script>
</head>
<body>
<h3>이미지 아래에 제목달고 싶을 때 #1</h3>
<img alt="" src="../image/2.jpg">
<img alt="" src="../image/4.jpg">
<br>
<b style="margin-left: 100px;">이미지1</b>
<b style="margin-left: 270px;">이미지2</b>
<hr>
<h3>이미지 아래에 제목달고 싶을 때 #2</h3>
<figure style="position: absolute; left: 400px; top: 300px;">
<img alt="" src="../image/c3.png">
<figcaption>이미지3</figcaption>
</figure>
<figure style="position: absolute; left: 200px; top: 300px;">
<img alt="" src="../image/12.png">
<figcaption>이미지4</figcaption>
</figure>
</body>
</html>
'JQuery' 카테고리의 다른 글
| 211006_image,each,figure (0) | 2021.10.06 |
|---|---|
| 211006_array,each (0) | 2021.10.06 |
| 211006_div,click,hide,show (0) | 2021.10.06 |
| 211005_animate (0) | 2021.10.05 |
| 211005_button(hide,show,toggle,slide,fade) (0) | 2021.10.05 |