아이프레임(iframe)
이건
제가 정말 좋아하는 태그입니다.. 잘쓰진 않지만..^^;
별로 잘 사용
되지 않는 태그로 생각되지만
정말 유용하게 쓸 수 있습니다.
음.. 아이프레임은...
말로하기 어렵군요; 한마디로 한 페이지 안에 또다른 페이지를
작은 공간에 넣을 수 있습니다.
가령 네이버란 사이트를 아이프레임 시킨다면
태그소스) <iframe
src="http://www.naver.com"
width="500"
height="300"></iframe>
이렇게
된답니다. 신기하죠? ^^; 이걸 분명! 유용하게 써먹을 수 있답니다.
기본
형식
<iframe src="주소"></iframe>
뒤에
꼭 </iframe>으로 아이프레임의 끝을 정해주어야 합니다.
|
속성(option)
|
설명
|
|
src="주소"
|
iframe에서 표시할 경로를 지정해
줍니다.
"http://..."
|
|
name="yanni"
|
iframe의 이름을 지정 합니다.
이름을 Yanni 로 했음.
|
|
width="숫자(픽셀값)"
|
frame의 가로길이를 지정합니다.
|
|
height="숫자"
|
frame의 세로길이를 지정합니다.
|
|
frameborder="숫자"
|
iframe의 경계선 두께입니다. "2"로
하면 깔끔(?)하게 안보이더군요.
|
|
marginwidth="0"
|
iframe의 좌우여백입니다.
|
|
marginheight="0"
|
iframe의 상하여백입니다.
|
|
scrolling="셋중하나"
|
yes:무조건생성,no:무조건생성않음,auto:페이지
내용크기에 따라.
|
|
align="셋중하나"
|
문장과 상관되는 정렬위치입니다.[left/right/center(왼쪽/오른쪽/중간)]
셋중 하나 선택.
|
ex) 많은 속성들을 종합해서 써
볼 때. 이런식...
|
<iframe
src="http://www.naver.com" name="yanni"
width="500" height="400" frameborder="2" marginwidth="0"
marginheight="0" scrolling="auto"></iframe>
|
AND!!
그리고,
이 아이프레임을 유용하게 쓸 수 있는 방법 하나!
요기
위에 name="yanni" 한거 보이시죠? 네임을 야니 yanni 로
한겁니다.
그럼 이걸 링크태그와 같이 써보면 (한페이지에) 그냥 프레임처럼 사용할
수 있습니다.
링크태그에 타겟.target 을. 이렇게. <a href="http://www..."
target="yanni">냠냠</a> 그럼 이
링크를 클릭하면
나타나게 되는곳은 바로 아이프레임입니다. 흑.-_ㅠ 제가 설명이 좀 어렵죠?
이
설명을 그냥 한번 보여드리겟습니다. [[클릭]]
홈 
