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

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

藏色散人
풀어 주다: 2022-08-05 11:12:39
앞으로
3576명이 탐색했습니다.

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으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿