매순간을 소중하게

1. iframe 태그법 본문

퍼블리싱

1. iframe 태그법

바른녀석 2016. 12. 26. 00:52
반응형

오늘은 iframe 태그법에 관한 안내를 써볼까합니다.

기본적으로 iframe은 다양한 용도로 사용이 된다. 예를 들면 외부 영상 유투브 , 비메오 등을 불러올때 사용되기도 하고

외부 사이트 페이지를 가져오는데에도 사용되기도 합니다.


특정한 목적을 두고 다른 페이지를 그대로 불러오는것을 iframe이라고 하는데, 우선 간단히  iframe에 관한 태그법을 배워 보도록 할게요!


위 이미지와 같이 특정한 부분에 동영상을 넣을수 있는데 방법을 간단히 작성해 봅니다.



SOURCE


<iframe src="http://wwwfeelmotioncard.com">



위와 같은 경우엔 단순히 페이지를 불러오기만 합니다.

여기서 width / height 를 통해 가로세로의 크기를 지정할수 있습니다.


<iframe src="http://www.feelmotioncard.com" width="600" height="300">


또한 스크롤 바 설정과 주변 box를 만들수 있는데 코드는 아래와 같습니다.


frameborder="0" / scrolling="yes"


개인적으론 스크롤이 들어가면 이쁘지 않기 때문에 항상 사용하지 않습니다.


다시한번 말씀 드리드자면 iframe은 하나의  html안에 또하나의 body가 들어가는 계념이라고 생각하시면됩니다.


다음번엔 유투브 삽입시 소리나지 않게 하는법과 iframe을 뒷배경에 몰래 넣는법 그리고


이미지 위에 동영상을 넣을시 마치 이미지에 들어가 있는것 처럼 보이는 법을 소개 하겠습니다.


(예시 이미지)



도움이 되셨다면! 공감과 댓글을 부탁드려요 ㅠ!

반응형
Comments