그림 2-4. P94 만들어보기. 브라우저 윈도우와 프레임 윈도우 사이의 계층 관계.
WEB/HTML5-CONCEPT 2017. 11. 4. 18:42 |
fig2-04.html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | <!DOCTYPE html> <html> <head> <title>브라우저 윈도우(top)</title> </head> <body> <h3>2 개의 <iframe> 윈도우를 가집니다.</h3> <hr> <iframe src="leftframe.html" name="left" width="100" height="500"> </iframe> <iframe src="rightframe.html" name="right" width="400" height="500"> </iframe> </body> </html> |
frightframe.html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <!DOCTYPE html> <html> <head> <title>right iframe</title> </head> <body> <h4>right iframe</h4> <hr> </iframe> </iframe> </body> </html> | cs |
leftframe.html
1 2 3 4 5 6 7 8 9 10 11 12 13 | <!DOCTYPE html> <html> <head> <title>left iframe</title> </head> <body> <h4>left iframe</h4> <hr> <iframe src="fig2-04.html" name="left" width="100" height="400" srcdoc="이곳은 왼쪽 인라인 프레임입니다. 메뉴를 다는 용도로 많이 사용하세요."> </iframe> </body> </html> | cs |
'WEB > HTML5-CONCEPT' 카테고리의 다른 글
| 예제 3-3. 시맨틱 블록 태그 <details>와 <summary> (0) | 2017.11.04 |
|---|---|
| P94 + P96 혼자하는 변형문제~ (0) | 2017.11.04 |
| 예제 3-2. <figure> 태그 활용 (1) | 2017.11.04 |
| 예제 3-1. 구조화된 HTML5 문서 작성 (0) | 2017.11.04 |
| 예제 2-26. <audio> 태그로 오디오 삽입, <source> 태그 (0) | 2017.11.04 |