이미지 삽입 및 이미지 선택 시, 아래 프레임에 나타남
<!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
'Web > Web Programming' 카테고리의 다른 글
| WEB 02.2.3 설문조사 폼 양식 (0) | 2020.07.22 |
|---|---|
| WEB 02.2.1 ~ WEB 02.2.2 (0) | 2020.07.21 |
| WEB02.1.3 오디오 및 비디오 삽입 (0) | 2020.07.19 |
| WEB 02.1.2 문서 내 이동 (0) | 2020.07.19 |
| [HTML] 입력 폼 (0) | 2020.07.19 |