아이프레임 태그(IFRAAME TAG)는 Inline(일렬로 늘어선) Frame(뼈대)의 약자로 가상의 공간, 가상의 상자나 문서안에 또다른 문서나 그림을 불러올 때 사용하는 태그로 별도의 새창이 열리지 않고 현재 있는 페이지에서 불러오게 하여 열리게 하는 태그입니다. 오늘은 간단하게 배울 수 있는 아이프레임 태그 코딩에 대하여 소개하고자 합니다
1. 아이프레임 태그(IFRAME TAG) 속성값 : <iframe src="경로" name=""></iframe>
01) src="경로" 불러올 주소입니다
02) name="kkk" 프레임이 들어가는 경우 이름을 적는 속성입니다
03) width="000" 불러오는 페이지의 너비사이즈입니다
04) height="000" 불러오는 페이지의 높이 사이즈입니다
05) frameborder="yes(no) or 1(0)" 페이지의 테두리의 표시여부입니다
06) marginwidth="0" 프레임 페이지 밖의 좌우여백입니다
07) marginheight="0" 프레임 페이지 밖의 상하높이입니다
08) scrolling="auto(yes/no)" 프레임 영역안에 페이지 스크롤 생성여부(생성, 생성안함)입니다-->
2. 간단한 HTML 아이프레임 태그(IFRAME TAG)
01) <body>~</body>안에서 작성합니다
02) <ul>~</u>l 태그를 사용하여 리스트를 메뉴화합니다
03) 하위 메뉴를 <li>~</li> 태그로 다음과 네이트, 블로그 메뉴를 만들어봅니다.
04) 아이프레임에서 블러올 링크코드를 작성합니다
05) target 속성으로"kkk"를 지정합니다
06) 아이프레임 태그를 작성합니다. 여기서는 위에서 정의한 target인 "kkk"를 아이프레임의 name 속성값으로 적고, 너비( width) 600픽셀, 높이(height) 300픽셀, 스클로바는 표시되게 Yes 로 작성하였습니다
07) HTML 아이프레임 태그에 대한 코딩이 완료되었으면, 단축키인 Ctrl+S를 누른 후 저장하면 됩니다.
----------
----------
3. 웹브라우저에서 보이는 HTML 아이프레임 태그
HTML에서 작성한 대로 웹상에 보이게 하기 위하여 Ctrl+ F1키를 눌러 해당 HTML을 불러옵니다. 여기서는 구글의 크롬 브라우저을 연결하였습니다. 메뉴의 다음이나 네이트, 블로그 텍스트를 클릭하게 도면 지정된 화면이 아이프레임에 표시되게 됩니다. 여기서는 이 블로그를 클릭하여 보았습니다
