P94 + P96 혼자하는 변형문제~
WEB/HTML5-CONCEPT 2017. 11. 4. 18:42 |
test.html
1 2 3 4 5 6 7 8 9 10 11 12 13 | <!DOCTYPE html> <html> <head> <title>브라우저 윈도우(top)</title> </head> <body> <h3>2개의 <iframe> 윈도우를 가집니다.</h3> <hr> <iframe src="leftiframe.html" name="left" width="20%" height="500"></iframe> <iframe src="rightiframe.html" name="right" width="70%" height="500"></iframe> </body> </html> | cs |
leftiframe.html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <!DOCTYPE html> <html> <head> <title>left iframe</title> </head> <body> <h3>left iframe</h3> <hr> <ul> </ul> </body> </html> | cs |
rightiframe.html
1 2 3 4 5 6 7 8 9 10 11 12 13 | <!DOCTYPE html> <html> <head> <title>right iframe</title> </head> <body> <h3>right iframe</h3> <hr> <iframe name="upper" width="100%" height="200"></iframe> <iframe name="lower" width="100%" height="200"></iframe> </body> </html> | cs |
'WEB > HTML5-CONCEPT' 카테고리의 다른 글
| 예제 3-4. 시맨틱 인라인 태그 (0) | 2017.11.04 |
|---|---|
| 예제 3-3. 시맨틱 블록 태그 <details>와 <summary> (0) | 2017.11.04 |
| 그림 2-4. P94 만들어보기. 브라우저 윈도우와 프레임 윈도우 사이의 계층 관계. (0) | 2017.11.04 |
| 예제 3-2. <figure> 태그 활용 (1) | 2017.11.04 |
| 예제 3-1. 구조화된 HTML5 문서 작성 (0) | 2017.11.04 |