iframe
; 윈도우 또는 간단한 윈도우라고 함
<iframe>
- 속성
. src=""
. srcdoc="HTML문서텍스트"
. name = "윈도우이름"
. width=""
. height=""
. frameborder="" 윈도우 외곽선 - 0: 없다, 1: 있다
. marginwidth="" 윈도우창 너비여백 지정
. marginheight="" 윈도우창 높이여백 지정
</iframe>
* 사용시 주의사항
. iframe태그는 body태그 안에서만 사용됨
. src속성이 생략되면 브라우저에 iframe영역이 만들어지기는 하지만, 빈 상태로 존재
. 인라인 프레임이 출력할 HTML텍스트를 srcdoc속성에 직접 작성할 수 있지만, 이때 src속성은 무시됨
. 인라인 프레임안에 또 다른 인라인 프레임을 중첩하여 만들 수 있음
<title>첫번째 프레임</title>
</head>
<body bgcolor="#FFFAFA">
<h2><font color="#696969">첫번째 iframe</font></h2>
<head>
<meta charset="UTF-8">
<title>인라인 창속에 있는 창</title>
</head>
<body bgcolor="#FDF5E6">
<h2>인라인 창속에 있는 창</h2>
</body>
<title>두번째 프레임</title>
</head>
<body bgcolor="#FFFAFA">
<h2><font color="#696969">두번째 iframe</font></h2>
<iframe src="F1_2_1프레임.html" width="200" height="200"></iframe>
</body>
<title>세번째 프레임</title>
</head>
<body>
<h2>2개의 &alt;iframe>로 인라인창 구성</h2>
<hr>
<iframe src="F1_1프레임.html" width="49%" height="600px" frameborder="0"
marginwidth="150px" marginheight="150px">첫번째</iframe>
<iframe src="F1_2프레임.html" width="49%" height="600px">두번째</iframe>
</body>
'IT 공부 > HTML, CSS' 카테고리의 다른 글
| Ch8 공간 구조화 (0) | 2022.05.19 |
|---|---|
| Ch7 입력폼 (0) | 2022.05.19 |
| Ch5 테이블 (0) | 2022.05.18 |
| Ch4 하이퍼링크 (0) | 2022.05.18 |
| Ch3 이미지와 텍스트 (0) | 2022.05.18 |