[HTML 강좌] iframe 태그학습 구조<iframe> </iframe>

 

 

[HTML 강좌] iframe 태그학습  구조<iframe> </iframe>

 

아이프레임은 웹브라우저에 다른 사이트를 일정공간에 보이게 해줍니다.
아이프레임을 사용하여 위에는 한 화면을 반으로 쪼개서 한쪽은 네이버가 나오게 하고 한쪽은 다음이 나오게 할 수 있습니다.
아이프레임의 활용방법은 다음과 같습니다.

<iframe src="링크할 주소"> </iframe>

이 아이프레임의 크기를 설정하려면 테이블처럼 width, height를 지정하면 됩니다.
그리고 스크롤을 생성 여부도 조종할 수 있습니다 scrolling="yes,no,auto"세가지로 정하시면 되구요.
auto로 하시면 필요할시 생성하고 필요없을시 생성하지 않습니다. 그것은 사이즈로부터 판단합니다.

실습해 봅시다. 아래의 소스를 작성해 주시구요.

<iframe src="http://www.naver.com" width="700" height="800" scrolling="auto"> </iframe>

이 소스를 웹에서 보기

<iframe src="http://www.naver.com/" width="700" height="800" scrolling="auto" style="color: rgb(0, 0, 0); font-family: 'Nanum Gothic', 돋움, Dotum, AppleGothic, sans-serif; font-size: 15px; line-height: normal; text-align: start;"></iframe>

이런식으로 여러개 사용하여서 필요한만큼 쓰시면 됩니다.