글 수 300
iframe 태그란 HTML문서의 안에 또 다른 HTML문서를 삽입할 수 있도록 해주는 기능을 하는 태그이며 inline frame의 약자이다. 음...비유하자면 집안의 벽에 창문이 있듯이 홈페이지의 웹문서안에 또 다른 웹문서를 볼 수 있게 창문과 같은 기능을 하는 태그이다. 아직까지 iframe 태그가 뭔지 감을 못잡았거나 한번도 iframe 을 보지 못하신 분을 위해 예제를 하나 보여드리겠다 ㅡ0ㅡ;
여기를 클릭하시라☞ 클릭클릭
자~ 이제 감이 오는가? iframe 태그를 잘 사용한다면 홈페이지를 멋지고 유용하게 꾸밀 수 있을 것이다. 본격적으로 배워볼까나...^^;
※ 형식
여기를 클릭하시라☞ 클릭클릭
자~ 이제 감이 오는가? iframe 태그를 잘 사용한다면 홈페이지를 멋지고 유용하게 꾸밀 수 있을 것이다. 본격적으로 배워볼까나...^^;
※ 형식
<iframe src="주소" frameborder="테두리표시여부" bordercolor="테두리색" marginwidth="가로여백" marginheight="세로여백" width="가로길이" height="세로길이" align="정렬방식"></iframe> |
기본적인 형식은 <iframe src="주소"></iframe> ☜이케 하면 된다. ^^ 그런데 위에 처럼 여러가지 속성을 넣으면 좀더 멋지게 꾸밀 수 있다 .
※ 속성
속 성 | 기 능 |
src ="주소" | iframe 창에 나타내고자 하는 창의 주소(경로)를 넣는다 |
name | iframe 창도 target 설정을 할 수 있다. name을 지정한다. ( target 에 대해선 링크태그 부분 참조) |
frameborder="yes/no or 1/0" bordercolor="테두리색상" |
테두리 존재여부(존재:yes/1 부존재:no/0)와 테두리의 색상을 정한다. (frameborder 는 테두리 두께 조절이 아님) |
align | 말그대로 정렬방식이다. 프레임내의 내용에 대한 정렬방식이 아닌 프레임과 그 다음에 이어져 나오는 텍스트나 이미지등과의 정렬 방식 |
height/width | 프레임의 가로와 세로 길이를 정해준다. |
hspace/vspace | 가로세로 여백을 정한다. |
marginwidht/marginheight | 프레임 내의 문서와 프레임 테두리간의 여백을 조절한다. |
scrolling="auto/yes/no" | 프레임에 스크롤바가 생기게 할 것인가를 정해준다. |