HTML 강좌 10강 - HTML 태그 익히기#9 - iframe

HTML 강좌 10강 - HTML 태그 익히기#9 - iframe

이번에는 iframe 태그에 대해 알아보겠습니다.

iframe 태그란 웹문서 내에 특정한 다른 사이트의 내용을 보여주는 기능입니다.

사용법은 이미지 태그와 유사합니다.

<iframe src="보여줄 사이트의 주소">

테스트를 통해 알아보도록 하겠습니다.

위와 같이 코딩을 하고 웹문서를 실행해 봅니다.

위와 같이 사이트의 내용을 불러오는것을 볼 수 있습니다.

저 사이즈가 iframe 에서 사이즈를 지정하지 않았을 경우 기본사이즈 입니다.

iframe 태그도 이미지 태그와 마찬가지로 사이즈를 지정할 수 있습니다.

사용법은 다음과 같습니다.

<iframe src="보여줄 사이트의 주소" width="600" height="600">

역시 테스트를 해보도록 할까요~

이렇게 코딩을 하고 실행해 봅니다~

지정해 놓은 사이즈로 크기가 바뀐것을 볼 수 있습니다.

그리고 frameborder 속성으로 테두리의 두께를 지정할 수 있고, 

marginwidth와 marginheight 속성으로 여백의 값을 지정할 수 있습니다.

이렇게 코딩을 하고 실행을 해봅니다.

그리고 스크롤값을 지정해 사이즈에 따라 스크롤을 생기게 할 수도 있습니다.

스크롤 속성은 scrolling 입니다. 값으로는 yes, no 두개의 값을 지정할 수 있습니다.

위와같이 코딩을 하고 실행을 해보죠~

붉은색 부분에 스크롤이 생긴것을 볼 수 있습니다.

예제 파일은 첨부파일에서 받을 수 있습니다 :)

10.zip