Web/Web Programming
WEB02.1.4 이미지 삽입 및 이동
ElAsJay
2020. 7. 21. 00:25
728x90
이미지 삽입 및 이미지 선택 시, 아래 프레임에 나타남
<!doctype html>
<html>
<head>
<title>web02-1-4</title>
<meta charset="utf-8">
</head>
<body>
<h1>강아지의 모습</h1>
<br>
멍멍 귀여운 강아지의 모습을 보여주어요.</br>
<a href="puppy1.jpg" target="fr"><img src="puppy1.jpg" alt="귀여운강아지1" width="30%" height="250"></img></a>
<a href="puppy2.jpg" target="fr"><img src="puppy2.jpg" alt="귀여운강아지2" width="30%" height="250"></img></a>
<a href="puppy3.jpg" target="fr"><img src="puppy3.jpg" alt="귀여운강아지3" width="30%" height="250"></img></a>
<br>
<iframe src="" width="100%" height="1000px" name="fr" ></iframe>
</body>
</html><iframe> 태그의 name 속성에서 지정한 프레임의 name을 <a> 태그의 target 속성의 값으로 지정해 연결되도록 한다.
3개의 강아지 사진들을 동일한 크기로 맞춰 넣었고,
그 아래에 빈 프레임 화면이 나타난다.
(+)
SMALL