TechCodeview

HTML Iframe은 중첩된 웹페이지(웹페이지 내의 웹페이지)를 표시하는 데 사용됩니다. HTML

HTML iframe은 직사각형 영역의 현재 HTML 문서 내에 다른 문서를 포함합니다.

웹페이지 콘텐츠와 iframe 콘텐츠는 JavaScript를 사용하여 서로 상호 작용할 수 있습니다.

자바 arraylist 메소드

Iframe 구문

HTML iframe은 다음과 같이 정의됩니다.

 <iframe src="URL"></iframe> 

여기서 'src' 속성은 인라인 프레임 페이지의 웹 주소(URL)를 지정합니다.

iframe의 너비와 높이 설정

'width' 및 'height' 속성을 사용하여 iframe의 너비와 높이를 설정할 수 있습니다. 기본적으로 속성 값은 픽셀 단위로 지정되지만 백분율로 설정할 수도 있습니다. 즉, 50%, 60% 등.

예: (픽셀)

 <h2>HTML Iframes example</h2> <p>Use the height and width attributes to specify the size of the iframe:</p> <iframe src="https://www.javatpoint.com/"></iframe> 

예: (백분율)

 <h2>HTML Iframes</h2> <p>You can use the height and width attributes to specify the size of the iframe:</p> <iframe src="https://www.javatpoint.com/"></iframe> 

CSS를 사용하여 iframe의 높이와 너비를 설정할 수도 있습니다.

예:

 <h2>HTML Iframes</h2> <p>Use the CSS height and width properties to specify the size of the iframe:</p> <iframe src="https://www.javatpoint.com/"></iframe> 

iframe의 테두리 제거

기본적으로 iframe에는 주변에 테두리가 있습니다. 속성과 CSS 테두리 속성을 사용하여 테두리를 제거할 수 있습니다.

예:

 <h2>Remove the Iframe Border</h2> <p>This iframe example doesn&apos;t have any border</p> <iframe src="https://www.javatpoint.com/"></iframe> 

iframe 테두리의 크기, 색상, 스타일을 변경할 수도 있습니다.

컴퓨터가 뭐야?

예:

 <h2>Custom Iframe Border</h2> <iframe src="https://www.javatpoint.com/"></iframe> 

링크의 Iframe 타겟

iframe을 사용하여 링크의 대상 프레임을 설정할 수 있습니다. 링크의 지정된 대상 속성은 iframe의 이름 속성을 참조해야 합니다.

예:

 <h2>Iframe - Target for a Link</h2> <iframe src="new.html" name="iframe_a"></iframe> <p> <a href="https://www.javatpoint.com">JavaTpoint.com</a> </p> <p>The name of iframe and link target must have same value else link will not open as a frame. </p> 

산출

new.hmtl 출력 코드:

 p{ font-size: 50px; color: red;} <p>This is a link below the ifarme click on link to open new iframe. </p> 

iframe을 사용하여 YouTube 동영상 삽입

다음을 사용하여 웹페이지에 YouTube 동영상을 추가할 수도 있습니다.

다음은 웹페이지에 YouTube 비디오를 추가하는 몇 가지 단계입니다.

• 삽입하려는 YouTube 동영상으로 이동하세요.
• 동영상 아래에서 공유 ➦를 클릭하세요.
• 삽입 옵션을 클릭하세요.
• HTML 코드를 복사합니다.
• HTML 파일에 코드를 붙여넣으세요.
• 요구 사항에 따라 높이, 너비 및 기타 속성을 변경합니다.

예:

 <iframe src="https://www.youtube.com/embed/JHq3pL4cdy4" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> <iframe src="https://www.youtube.com/embed/O5hShUO6wxs" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture">></iframe> 

산출:

자바의 str.substring

속성