> 웹 프론트엔드 > HTML 튜토리얼 > HTML 프레임 태그를 사용하는 방법은 무엇입니까? 프레임 태그 사용법 소개(예제 포함)

HTML 프레임 태그를 사용하는 방법은 무엇입니까? 프레임 태그 사용법 소개(예제 포함)

寻∝梦
풀어 주다: 2018-08-30 15:46:44
원래의
13790명이 탐색했습니다.

이 글에서는 프레임 태그의 정의와 속성, html iframe 태그의 중요한 사용법 등 html 프레임 태그를 주로 소개합니다. 이 글을 함께 살펴볼까요

먼저 이 글의 정의를 살펴보겠습니다.

태그는 프레임셋에서 특정 창(프레임)을 정의합니다.

프레임세트의 각 프레임은 테두리, 스크롤, 크기 조정 등과 같은 다양한 속성으로 설정할 수 있습니다.

참고: 프레임이 포함된 페이지의 유효성을 검사하려면 문서 유형이 "Frameset DTD"로 설정되어 있는지 확인하세요. DOCTYPE에 대해 자세히 알아보세요.

중요:

태그를 태그와 함께 사용할 수 없습니다. 그러나 프레임을 지원하지 않는 브라우저에 태그를 추가해야 하는 경우에는 이 태그를 태그 안에 배치하세요. <p><strong>속성 소개를 살펴보겠습니다. </strong></p> <p><img src="https://img.php.cn//upload/image/395/152/143/1535613295787655.png" title="1535613295787655.png" alt="HTML 프레임 태그를 사용하는 방법은 무엇입니까? 프레임 태그 사용법 소개(예제 포함)"></p> <p><strong> HTML iframe 태그의 사용법에 대해 이야기해 보겠습니다. </strong></p> <p>iframe은 프레임의 한 형태이며 일반적으로 사용되는 사항은 다음과 같습니다. 요약 </p> <p>다음은 일반적인 경우입니다. </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false">&lt;iframe border=2 frameborder=0 width=500 height=500 marginheight=0 marginwidth=0 scrolling=no src=&quot;move-ad.html&quot;&gt; &lt;/iframe&gt;</pre><div class="contentsignin">로그인 후 복사</div></div><p><strong>HTML iframe 태그에 대한 사례 설명: </strong></p><p>iframe은 텍스트나 그래픽에 대한 부동 프레임이나 컨테이너를 설정하는 데 사용됩니다. </p><p>border는 그림과 텍스트 프레임 주위의 가장자리 너비를 설정합니다. </p><p> 빠른 읽기 높이를 위한 디자인도 있습니다. </p><p>scrolling=no 스크롤 막대 존재 여부(YES, NO, AUTO) </p><p>src는 파일 또는 이미지를 지정합니다. (HTML)은 IFRAME에 의해 호출됨,HTM,GIF,JPEG,JPG,PNG,TXT,*.*) </p><p><strong>HTML iframe 태그 사용법 소개: </strong></p><p>iframe에 관해서는 이미 던졌을 수도 있습니다. "잊혀진 구석"으로 들어가지만, 그 형제 프레임이라고 하면 낯선 사람이 아니다. 프레임 태그는 프레임 태그입니다. 다중 프레임 구조는 브라우저 창에 여러 HTML 파일을 표시하는 것입니다. 이제 우리는 매우 현실적인 상황에 직면하게 됩니다. 튜토리얼이 있는 경우 각 페이지의 끝에는 내용을 제외하고 "이전 섹션"과 "다음 섹션"에 대한 링크가 있습니다. 게다가 페이지의 다른 부분의 내용도 똑같습니다. 페이지별로 엉뚱한 페이지를 만드는 것은 너무 지루한 것 같습니다. 이때 문득 다른 부분을 유지할 수 있는 방법이 없을까 하는 생각이 들었습니다. 페이지 상하 링크를 클릭하면 튜토리얼 내용만 변경되고 다른 내용은 그대로 유지됩니다. 이런 방식으로 하나는 시간을 절약하고 다른 하나는 튜토리얼에 향후 3개의 긴 변경 사항과 2개의 짧은 변경 사항이 있으면 매우 편리하며 더 중요한 것은 광고 배너, 열 목록, 거의 모든 페이지에 포함된 탐색 및 기타 항목은 한 번만 다운로드되고 더 이상 다운로드되지 않습니다. 부동 프레임 태그라고도 하는 iframe 태그를 사용하여 HTML 디스플레이에 HTML 문서를 포함할 수 있습니다. Frame 태그와 가장 큰 특징은 이 태그가 참조하는 HTML 파일이 다른 HTML 파일과 독립적으로 표시되지 않고 HTML 파일에 직접 삽입되어 HTML 파일의 내용과 통합되어 전체가 될 수 있다는 점입니다. 또한, 콘텐츠를 반복적으로 작성할 필요 없이 동일한 콘텐츠를 한 페이지에 여러 번 표시할 수도 있습니다. </p><p><strong>iframe 태그에 사용되는 형식은 다음과 같습니다. </strong></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false">&lt;iframe src=&quot;URL&quot; width=&quot;x&quot; height=&quot;x&quot; scrolling=&quot;[option]&quot; frameborder=&quot;x&quot;&gt;&lt;/iframe&gt;</pre><div class="contentsignin">로그인 후 복사</div></div><p>src: 파일 경로(HTML 파일, 텍스트, ASP 등일 수 있음) </p><p>width, height: " picture-in-picture" 영역; </p><p>스크롤링: SRC의 지정된 HTML 파일이 지정된 영역에 표시되지 않을 때 스크롤 옵션이 NO로 설정되면 스크롤 막대가 나타나지 않습니다. 자동인 경우: 스크롤 표시줄이 자동으로 표시됩니다. 예인 경우 표시됩니다. </p><p>FrameBorder: "picture-in-picture"를 인접한 콘텐츠와 혼합하기 위해 0으로 설정되는 경우가 많습니다. 예: </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false">&lt;Iframe src=&quot;http://www.php.cn&quot;;; width=&quot;250&quot; height=&quot;200&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot;&gt;&lt;/iframe&gt;</pre><div class="contentsignin">로그인 후 복사</div></div><p>표시 효과는 그림과 같습니다. </p> <p><img src="https://img.php.cn//upload/image/754/285/666/1535613482285845.png" title="1535613482285845.png" alt="HTML 프레임 태그를 사용하는 방법은 무엇입니까? 프레임 태그 사용법 소개(예제 포함)"></p> <p>위는 HTML 프레임 태그 사용을 소개하는 이 기사의 전체 내용입니다. 궁금하신 사항은 아래에서 문의하실 수 있습니다. </p> <p>【에디터 추천】</p> <p><a href="http://www.php.cn/html5-tutorial-409228.html" target="_blank">html5 헤더 태그는 무엇을 의미하나요? html5 헤더 태그 사용법 상세 설명(예제 포함) </a><br></p> <p><a href="http://www.php.cn/div-tutorial-409226.html" target="_blank"> html p 태그는 단일 태그인가요? html p 태그 사용 방법 소개(예제 포함) </a><br></p>

위 내용은 HTML 프레임 태그를 사용하는 방법은 무엇입니까? 프레임 태그 사용법 소개(예제 포함)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿