>  기사  >  웹 프론트엔드  >  HTML 인라인 태그 iframe 사용에 대한 자세한 설명!

HTML 인라인 태그 iframe 사용에 대한 자세한 설명!

藏色散人
藏色散人앞으로
2022-08-05 11:12:393531검색

Iframe 인라인 프레임

iframe은 웹페이지의 프레임과 콘텐츠를 기존 웹페이지에 삽입할 수 있습니다. 즉, 우리 웹페이지에 다른 사람의 웹사이트를 로드할 수 있습니다. iframe 태그 iframe을 사용할 때 알아야 할 일부 속성은 iframe을 더 잘 사용하는 데 도움이 됩니다. [권장: HTML 비디오 튜토리얼]

사용 및 속성

사용:

페이지에서 직접 iframe 태그 사용

 <iframe src="" frameborder="0"></iframe>

속성:

  • src: 가져온 페이지의 주소
  • framedorder: 테두리 표시 여부, 속성 값은 yes 및 no이며, yes는 테두리를 표시하는 것을 의미하고, no는 표시하지 않음을 의미합니다.
  • name: 프레임 식별 이름
  • scrolling: 스크롤 막대 표시 여부, 속성 값 ​​​​예, 아니오, 자동입니다. yes는 스크롤 막대를 표시한다는 의미이고, no는 스크롤 막대를 표시하지 않는다는 의미입니다. auto는 창 크기에 자동으로 맞춰집니다.
  • width: px 또는 백분율로 조정할 수 있는 iframe의 너비를 정의합니다.
  • hight: px 또는 백분율로 조정할 수 있는 iframe의 높이를 정의합니다.
  • noresize: 크기를 허용할지 여부입니다. 조정할 프레임 창
  • algin: 주변 요소에 따라 정렬

어떻게 사용되는지 살펴보겠습니다.

1. 페이지에서 바로 네스팅 사용하기

```html
  <iframe src="http://www.baidu.com" frameborder="0" width="60%" height="500px" scrolling="auto">
  </iframe>

HTML 인라인 태그 iframe 사용에 대한 자세한 설명!

2. 태그와 함께 사용하기

  <p><a href="http://www.baidu.com" target="right-frame">百度</a></p>
    <p><a href="http://qq.com" target="right-frame">腾讯</a></p>
    <iframe src="http://qq.com"  name="right-frame" width="400px" height="300px">
    </iframe>

HTML 인라인 태그 iframe 사용에 대한 자세한 설명!

이때 바이두 하이퍼링크를 누르면 해당 페이지로 이동합니다

HTML 인라인 태그 iframe 사용에 대한 자세한 설명!

두 페이지를 넘을 수 있습니다. 간단한 점프가 가능합니다.

위 내용은 HTML 인라인 태그 iframe 사용에 대한 자세한 설명!의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 csdn.net에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제