인라인 하위 창은 iframe이며 태그를 사용하여 포함할 수 있습니다.</P> <p style="">HTML <iframe> 태그는 다음과 같은 추가 속성을 지원합니다. </P> <table><thead><tr><th style="width:17.7831%; text-align:center;">속성 <br> </th> <th style="width:21.2919%; text-align:center;">값 <br> </th> <th style="width:60.8453%; text-align:center;">설명 <br> </th> </tr> </thead> <tbody><tr><td style="width:17.7831%; text-align:center;">정렬 <br> </td> <td style="width:21.2919%; text-align:center;">왼쪽 <br> 오른쪽 <br> 맨 위 <br> 가운데 <br> 맨 아래 <br> </td> <td style="width:60.8453%; text-align:left;">주변 텍스트에 따라 iframe을 정렬하는 방법을 지정합니다. <br> </td> </tr> <tr><td style="width:17.7831%; text-align:center;">프레임 테두리 <br> </td> <td style="width:21.2919%; text-align:center;">1 <br> 0 <br> </td> <td style="width:60.8453%;">프레임 주위에 테두리를 표시할지 여부를 지정합니다. <br> </td> </tr> <tr><td style="width:17.7831%; text-align:center;">높이 <br> </td> <td style="width:21.2919%; text-align:center;">픽셀 <br> </td> <td style="width:60.8453%;">인라인 프레임의 높이를 지정합니다. <br> </td> </tr> <tr><td style="width:17.7831%; text-align:center;">longdesc <br> </td> <td style="width:21.2919%; text-align:center;">URL <br> </td> <td style="width:60.8453%;">프레임 내용에 대한 자세한 설명에 대한 URL <br> </td> </tr> <tr><td style="width:17.7831%; text-align:center;">여백 높이 <br> </td> <td style="width:21.2919%; text-align:center;">픽셀 <br> </td> <td style="width:60.8453%;">프레임 테두리의 왼쪽과 오른쪽과 프레임 내용 사이의 공간 너비를 지정할 수 있습니다. 값은 픽셀로 제공됩니다. 예를 들어 marginwidth ="10"입니다. <br> </td> </tr> <tr><td style="width:17.7831%; text-align:center;">여백 너비 <br> </td> <td style="width:21.2919%; text-align:center;">픽셀 <br> </td> <td style="width:60.8453%;">프레임의 내용과 왼쪽 및 오른쪽 여백 사이의 여백을 픽셀 단위로 지정합니다. <br> </td> </tr> <tr><td style="width:17.7831%; text-align:center;">이름 <br> </td> <td style="width:21.2919%; text-align:center;">텍스트 <br> </td> <td style="width:60.8453%; text-align:left;">프레임 이름 <br> </td> </tr> <tr><td style="width:17.7831%; text-align:center;">샌드박스 <img loading='lazy' alt='HTML에 인라인 하위 창을 어떻게 포함합니까? ' src="/article/uploadfiles/202203/2022033116022368.jpg" /> <br> </td> <td style="width:21.2919%; text-align:center;">"" 허용 양식 <br> 동일 출처 허용 <br> 허용 스크립트 <br> 상단 탐색 허용 <br> </td> <td style="width:60.8453%;">iframe의 콘텐츠에 대한 추가 제한 집합을 활성화합니다. <br> </td> </tr> <tr><td style="width:17.7831%; text-align:center;">스크롤링 <br> </td> <td style="width:21.2919%; text-align:center;">예 <br> 아니요 <br> 자동 <br> </td> <td style="width:60.8453%;">스크롤바 동작을 결정합니다. <br> </td> </tr> <tr><td style="text-align:center; 너비:17.7831%;">이음매 없는 <img loading='lazy' alt='HTML에 인라인 하위 창을 어떻게 포함합니까? ' src="/article/uploadfiles/202203/2022033116022376.jpg" /> <br> </td> <td style="text-align:center; 너비:21.2919%;">이음매 없는 <br> </td> <td style="width:60.8453%;">iframe이 포함된 문서의 일부인 것처럼 보이도록 지정합니다. <br> </td> </tr> <tr><td style="text-align:센터; 너비:17.7831%;">src <br> </td> <td style="text-align:center; 너비:21.2919%;">URL <br> </td> <td style="width:60.8453%;">프레임 콘텐츠 파일의 위치 <br> </td> </tr> <tr><td style="text-align:센터; 너비:17.7831%;">srcdoc <img loading='lazy' alt='HTML에 인라인 하위 창을 어떻게 포함합니까? ' src="/article/uploadfiles/202203/2022033116022484.jpg" /> <br> </td> <td style="text-align:center; 너비:21.2919%;">HTML_code <br> </td> <td style="width:60.8453%;">iframe에 표시할 페이지의 HTML 콘텐츠를 지정합니다. <br> </td> </tr> <tr><td style="width:17.7831%;">너비</td> <td style="width:21.2919%;">픽셀</td> <td style="width:60.8453%;">인라인 프레임의 너비를 지정합니다. <br> </td> </tr> </tbody> </table> <h2 style="">예시</h2> <p style="">다음 코드를 실행하여 인라인 프레임을 만들 수 있습니다. −</P> <pre><!DOCTYPE html> <html> <head> <title>HTML iframe Tag</title> </head> <body> <iframe src = "https://www.tutorialspoint.com/index.htm" width = "100%"></iframe> </body> </html></pre> <br> </article> <div class="ad5"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4480737146802772" crossorigin="anonymous"></script><!-- computer.wsxdn --><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4480737146802772" data-ad-slot="4467655591" data-ad-format="auto" data-full-width-responsive="true"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div id="turn-page" class="text-over"> <a class='LinkPrevArticle' href='https://kr.wsxdn.com/bz024t/hf251z/1002064028.html' >HTML로 정렬된 목록 만들기 </a> <a class='LinkNextArticle' href='https://kr.wsxdn.com/bz024t/hf251z/1002064030.html' >HTML에 포함된 개체를 포함하는 방법은 무엇입니까? </a> </div> </section> <aside class="box-r box4-r"> <h3>HTML</h3> <ul> <li> <a href="https://kr.wsxdn.com/bz024t/hf251z/1002063916.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML의 필드 세트에 제목을 포함하는 방법은 무엇입니까? ">HTML의 필드 세트에 제목을 포함하는 방법은 무엇입니까? </p> </a> </li><li> <a href="https://kr.wsxdn.com/bz024t/hf251z/1002063940.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML의 드롭다운 목록에 옵션을 포함하는 방법은 무엇입니까? ">HTML의 드롭다운 목록에 옵션을 포함하는 방법은 무엇입니까? </p> </a> </li><li> <a href="https://kr.wsxdn.com/bz024t/hf251z/1002063956.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML에 약어를 포함하는 방법은 무엇입니까? ">HTML에 약어를 포함하는 방법은 무엇입니까? </p> </a> </li><li> <a href="https://kr.wsxdn.com/bz024t/hf251z/1002063957.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML에 약어를 포함하는 방법은 무엇입니까? ">HTML에 약어를 포함하는 방법은 무엇입니까? </p> </a> </li><li> <a href="https://kr.wsxdn.com/bz024t/hf251z/1002063958.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML에 앵커를 어떻게 포함합니까? ">HTML에 앵커를 어떻게 포함합니까? </p> </a> </li> </ul> <h3 class="h3-2">컴퓨터</h3> <ul> <li> <a href="https://kr.wsxdn.com/bz024t/hf251z/1002063992.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML에 문자 인코딩을 포함하는 방법은 무엇입니까? ">HTML에 문자 인코딩을 포함하는 방법은 무엇입니까? </p> </a> </li> <li> <a href="https://kr.wsxdn.com/bz024t/hf251z/1002064027.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML에 인라인 레이어를 추가하는 방법은 무엇입니까? ">HTML에 인라인 레이어를 추가하는 방법은 무엇입니까? </p> </a> </li> <li> <a href="https://kr.wsxdn.com/bz024t/hf251z/1002064030.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML에 포함된 개체를 포함하는 방법은 무엇입니까? ">HTML에 포함된 개체를 포함하는 방법은 무엇입니까? </p> </a> </li> <li> <a href="https://kr.wsxdn.com/bz024t/hf251z/1002064065.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML에 테이블 열 그룹을 포함하는 방법은 무엇입니까? ">HTML에 테이블 열 그룹을 포함하는 방법은 무엇입니까? </p> </a> </li> <li> <a href="https://kr.wsxdn.com/bz024t/hf251z/1002064071.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML에 입력 필드를 포함하는 방법은 무엇입니까? ">HTML에 입력 필드를 포함하는 방법은 무엇입니까? </p> </a> </li> </ul> </aside> </section> </div> <ul class="types box4-1 container f-center"> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/ol244g/' target="_self">C 프로그래밍</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/fd245y/' target="_self">C++</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/xv246p/' target="_self">Redis</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/ig247a/' target="_self">BASH 프로그래밍</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/ge248y/' target="_self">Python</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/jh249b/' target="_self">Java</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/yw250q/' target="_self">데이터 베이스</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/hf251z/' target="_self">HTML</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/ig252a/' target="_self">JavaScript</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/qo253i/' target="_self">프로그램 작성</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/vs254n/' target="_self">CSS</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/fd255x/' target="_self">Ruby</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/ay256s/' target="_self">SQL</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/yw257q/' target="_self">IOS</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/wu258o/' target="_self">Android</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/nl259f/' target="_self">MongoDB</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/mk260e/' target="_self">MySQL</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/ax261s/' target="_self">C＃</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/bz265t/' target="_self">PHP</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/zx271r/' target="_self">SQL Server</a></li> </ul> <footer> <section class="container"> <div class="footer-msg"> <span class="container f-center"> <p class=krf>저작권 © <a href="https://kr.wsxdn.com">https://kr.wsxdn.com</a> 모든 권리 보유</p> </span> </div> </section> </footer> </body> </html>
