>웹 프론트엔드 >HTML 튜토리얼 ><아이프레임>이란 무엇인가요? HTML의 iframe 태그 사용법에 대한 자세한 설명

<아이프레임>이란 무엇인가요? HTML의 iframe 태그 사용법에 대한 자세한 설명

yulia
yulia원래의
2018-10-26 10:24:3522475검색

페이지 레이아웃을 자주 하는 사람들은 HTML의 iframe 태그에 익숙할 것입니다. iframe 태그는 직설적으로 말하면 현재 HTML 페이지에 다른 문서를 삽입하는 데 사용됩니다. 프론트엔드를 처음 접하는 친구들은 HTML에서 iframe 태그를 사용하는 방법을 모를 수도 있습니다. 이 글에서는 HTML에서 iframe 태그를 사용하는 방법을 예시로 설명합니다. 관심 있는 친구들은 한 번 살펴보세요.

기본 구문:

height는 프레임 표시 높이를 설정할 수 있습니다.
width는 프레임 표시 너비
이름은 프레임 이름을 정의할 수 있습니다. Frameborder는 테두리를 표시해야 하는지 여부를 정의하는 데 사용됩니다. 값이 1이면 프레임에 스크롤 막대가 필요한지 여부를 설정하는 데 스크롤이 사용됩니다. . 값은 yes, no, auto일 수 있습니다. 주소는 페이지 주소 또는 이미지 주소일 수 있습니다. 값은 왼쪽, 오른쪽일 수 있습니다.

위 속성은 필요에 따라 설정할 수 있습니다.

예제를 포함한 설명: HTML에서

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title></title>
 </head>
 <body>
  <iframe src="iframe-content.html" width="400px" height="150px" frameborder="0" 
scrolling="no"></iframe>
 </body>
</html>

테두리 및 스크롤 막대가 있는 렌더링:

테두리 및 스크롤 막대가 없는 렌더링:

<아이프레임>이란 무엇인가요? HTML의 iframe 태그 사용법에 대한 자세한 설명

페이지의 헤드와 하단 등 대부분의 내용이 동일한 경우

【관련 추천 튜토리얼】

1.

HTML 튜토리얼

2.

Html5 비디오 튜토리얼3.

위 내용은 <아이프레임>이란 무엇인가요? HTML의 iframe 태그 사용법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.