iframe 태그 사용법 & 예제 총정리

iframe 태그란?

iframe 태그는 HTML 문서 안에 다른 HTML 문서를 삽입하는 데 사용되는 태그입니다. 즉, 다른 웹페이지나 외부 문서를 현재 문서에 포함시킬 수 있습니다. iframe은 "inline frame"의 약자로, 인라인 형태로 다른 문서를 삽입하는 데 이용됩니다.

iframe 태그의 속성

iframe 태그는 여러 가지 속성을 가지고 있어 원하는 형태로 동작하도록 설정할 수 있습니다. 가장 자주 사용되는 속성은 다음과 같습니다:

• src: 포함시킬 문서의 URL을 지정합니다.
• width: iframe의 너비를 지정합니다.
• height: iframe의 높이를 지정합니다.
• frameborder: iframe 주변의 테두리를 표시할 지 여부를 지정합니다.
• scrolling: iframe 안에 스크롤바가 표시되도록 할 지 여부를 지정합니다.

iframe 태그 예제

다음은 iframe 태그를 사용하여 다른 HTML 문서를 삽입하는 예제입니다:

<iframe src="https://www.example.com" width="600" height="400" frameborder="0" scrolling="auto"></iframe>

위 예제에서는 iframe을 사용하여 https://www.example.com 문서를 너비 600px, 높이 400px로 표시하도록 설정하였습니다. 테두리는 표시되지 않으며, 내부에 스크롤바가 자동으로 표시되게 설정되었습니다.

전체 내용 정리

iframe 태그는 다른 HTML 문서를 현재 문서에 삽입하는 데 사용됩니다. src, width, height, frameborder, scrolling 등의 속성을 이용하여 원하는 형태로 iframe을 설정할 수 있습니다. 예제를 통해 실제 사용법을 살펴보았습니다.