안녕하세요. 궁금한 사항이 있어서 질문 올립니다.
그림처럼 인라인 프레임 2개는 생기는데 내용이 밖에 입력이 되서 질문남깁니다
참고 부탁드립니다.
코드
<!DOCTYPE HTML>
<HTML>
<HEAD>
<meta charest="utf-8">
<title> --------------</title></HEAD>
<body>
<h3> 2개의 <iframe>을 가집니다.</h3>
<hr>
<iframe src="iframe1.html" width="200" height="150"></iframe>
<iframe src="iframe2.html" width="200" height="100"></iframe>
</body>
</HTML>
iframe1.html
<!DOCTYPE html>
<html>
<head>
<meta charest="utf-8">
<title>첫번째 iframe</title>
</head>
<body>
<h4>첫번째 iframe</h4>
</body>
</html>
iframe2.html
<!DOCTYPE html>
<html>
<head>
<meta charest="utf-8">
<title>두번째 iframe</title>
</head>
<body>
<h4>두번째 iframe</h4>
</body>
</html>
첨부파일과 같이 iframe1.html에 문제가 있는것 같은데 혹시 추가작업을 해야하나요?
감사합니다.
이 예제는 3개의 파일로 나누어야 합니다.
라인 1~13까지 예제2-22.html로 저장하고,
라인 15~24까지 iframe1.html로 저장하고
나머지는 "iframe2.html"이라는 한 라인을 지우고 다시 iframe2.html로 저장해야 합니다.
그 후 예제2-22.html 파일을 크롬 브라우저에 적재하면 제대로 출력됩니다.
이 예제는 한 html 파일에서 2개의 프레임을 만들고, 각 프레임에 html 파일을 적재하는 것을 학습하는 예제입니다.