반응형
⚫iframe 태그 : 내장 브라우저를 생성하여 웹문서(웹프로그램)을 요청하여 HTML 문서를 응답받아 출력하기 위한 태그
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML</title>
</head>
<body>
<h1>iframe 태그</h1>
<hr>
<!-- src 속성 : 내장 브라우저로 요청한 웹문서(웹프로그램)의 URL 주소를 속성값으로 설정 -->
<!-- width 속성 : 태그의 폭을 속성값으로 설정 - 단위 : px -->
<!-- height 속성 : 태그의 높이를 속성값으로 설정 - 단위 : px -->
<!-- <iframe src="https://www.daum.net" width="600" height="500"></iframe> -->
<iframe src="/web/html/10_left.html" width="600" height="500" name="left"></iframe>
<iframe src="/web/html/10_right.html" width="600" height="500" name="right"></iframe>
</body>
</html>
iframe 태그에서 요청한 웹문서 코드⬇️
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML</title>
</head>
<body>
<h1>오른쪽 페이지</h1>
<hr>
</body>
</html><!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML</title>
</head>
<body>
<h1>왼쪽 페이지</h1>
<hr>
<p><a href="https://www.daum.net" target="right">다음</a></p>
</body>
</html>
실행결과👩💻
left.html 파일에 Daum 홈페이지로 이동하는 a태그를 작성하고, target을 right.html 파일로 설정해 오른쪽에 Daum 홈페이지가 나오도록 함⬇️
반응형
'Frontend > HTML' 카테고리의 다른 글
| [HTML]13_form 태그 (1) | 2023.12.26 |
|---|---|
| [HTML]11&12_audio/video 태그 (1) | 2023.12.26 |
| [HTML]09_map 태그 (0) | 2023.12.25 |
| [HTML]08_anchor 태그 (0) | 2023.12.25 |
| [HTML]07_a 태그 (0) | 2023.12.25 |
