logo

HTML을 사용하여 PDF 파일을 삽입하는 방법은 무엇입니까?

우리는 배울 것이다 HTML 문서에 PDF 파일을 삽입하는 방법 , 예제를 통해 구현을 아는 것과 함께. 때로는 PDF 파일을 HTML 문서나 코드에 삽입하여 콘텐츠를 보다 대화형으로 만들고 싶을 수도 있습니다. 형식이 너무 다르기 때문에 작업을 수행하는 것이 쉽지 않습니다.

완전한 형태의 IDE

이를 수행하는 방법은 다음과 같습니다.



내용의 테이블

방법 1: 사용 객체 태그

  • HTML의 개체 태그는 PDF 파일을 포함하는 첫 번째 방법입니다. 아래 예에서는 PDF 파일이 객체인 웹 페이지에 표시됩니다.
  • PDF 파일을 웹페이지에 포함시키는 것 외에도 객체 태그는 ActiveX, Flash, 비디오, 오디오 및 Java 애플릿을 포함할 수 있습니다.
  • HTML 태그가 포함된 개체에 대화형 문서를 첨부할 수 있습니다.
  • 객체의 height, width 속성을 이용하여 필요에 따라 화면에 표시할 수 있습니다.

실시예 1 : 이 예에서는 개체 태그를 사용하여 HTML에 PDF 파일을 포함하는 방법을 설명합니다.

HTML
   HTML제목> 머리>의 PDF<style>.pdf { 너비: 100%;  종횡비: 4/3;  } .pdf, html, body { 높이: 100%;  여백: 0;  패딩: 0;  } h1, h3 { 텍스트 정렬: 중앙;  } h1 { 색상: 녹색;  } 스타일> <body> <h1>techcodeview.comh1><h3>Object Tagh3을 사용하여 PDF 파일 삽입><object>개체> 본문> html>></pre> </code> <p dir='ltr'>  <b>  <strong>산출:</strong>  </b>  </p> <br /> <div id="container-4ae8242bd8e42d94c5c0bf390d5144e6"></div><br />  <img src='//techcodeview.com/img/geeks-premier-league-2022/50/how-embed-pdf-file-using-html.webp' alt=""><h2 id='method-2-using-an-iframe'>  <b>  <strong>방법 2: 사용하기</strong>  </b>   <a href='/html-iframes' rel=''>  <b>  <strong>아이프레임</strong>  </b>  </a>  </h2><ul><li value='1'><span>iframe 태그를 사용하는 것은 HTML 웹 페이지에 PDF 파일을 삽입하는 두 번째 방법입니다. 웹 개발에서 웹 개발자는 iframe 태그를 사용하여 다양한 형식의 파일을 포함하고 웹 페이지 내에 다른 웹 사이트도 포함합니다.</span></li><li value='2'><span>폭넓은 호환성으로 인해 iframe 태그는 PDF 삽입에 널리 사용됩니다.</span></li><li value='3'><span>PDF 문서 또는 개체 태그를 지원하지 않는 브라우저에서도 이 태그를 사용하여 PDF HTML 코드를 포함할 수 있습니다.</span></li></ul><p dir='ltr'>  <b>  <strong>실시예 2</strong>  </b>  <span>: 이 예에서는 iframe을 사용하여 HTML에 PDF 파일을 삽입하는 방법을 설명합니다.</span></p>HTML<code class='hljs'> <pre class='hljs'> <html> <head> <title>HTML제목> 머리>의 PDF<style>.pdf { 너비: 100%;  종횡비: 4/3;  } .pdf, html, body { 높이: 100%;  여백: 0;  패딩: 0;  } h1, h3 { 텍스트 정렬: 중앙;  } h1 { 색상: 녹색;  } 스타일> <body> <h1>techcodeview.comh1><h3>Iframe Tagh3을 사용하여 PDF 파일 삽입> <iframe>iframe> 본문> html>></pre> </code> <p dir='ltr'>  <b>  <strong>산출:</strong>  </b>  </p><blockquote style="text-transform: capitalize;font-size: 20px; padding: 10px;"><a href="/git-add">git add --all</a>
</blockquote>  <img src='//techcodeview.com/img/geeks-premier-league-2022/50/how-embed-pdf-file-using-html.webp' alt=""><h2 id='method-3-using-embed-tag'>  <b>  <strong>방법 3: 사용</strong>  </b>    <b>  <strong>태그 삽입</strong>  </b>   </h2><ul><li value='1'><span>PDF HTML 코드를 웹사이트에 삽입할 때 삽입 태그는 이전 태그만큼 자주 사용되지 않습니다. 사용자의 브라우저가 PDF 파일을 처리할 수 없으면 디스플레이가 비어 있게 되기 때문입니다.</span></li><li value='2'><span>PDF HTML 코드 삽입 방법은 대체 콘텐츠를 제공할 필요가 없을 때 사용됩니다.</span></li></ul><p dir='ltr'>  <b>  <strong>예</strong>  </b>  <span>: 이 예에서는 embed 태그를 사용하여 HTML에 PDF 파일을 포함하는 방법을 설명합니다.</span></p> <br /> <div id="container-4ae8242bd8e42d94c5c0bf390d5144e6"></div><br />HTML<code class='hljs'> <pre class='hljs'> <html> <head> <title>HTML제목> 머리>의 PDF<style>.pdf { 너비: 100%;  종횡비: 4/3;  } .pdf, html, body { 높이: 100%;  여백: 0;  패딩: 0;  } h1, h3 { 텍스트 정렬: 중앙;  } h1 { 색상: 녹색;  } 스타일> <body> <h1>techcodeview.comh1><h3>Embed Tagh3>을 사용하여 PDF 파일 삽입 <embed>본문> html>></pre> </code> <p dir='ltr'>  <b>  <strong>산출:</strong>  </b>  </p>  <img src='//techcodeview.com/img/geeks-premier-league-2022/50/how-embed-pdf-file-using-html.webp' alt="">  <br>  <br></article>
                         
                        </div><!--//content-->
                    </div><!--//section-inner-->                 
                </section><!--//section-->
    
            </div><!--//primary-->
            <div class="secondary col-md-4 col-sm-12 col-xs-12">
                  <aside class="info aside section">
                    <div class="section-inner">
                        <h2 class="">범주</h2>
                        <div class="content">
                            <ul class="list-unstyled">
                                <li> <a href="/linux-shell-commands/">Linux 쉘 명령</a> </li><li> <a href="/moores-voting-algorithm/">무어의 투표 알고리즘</a> </li><li> <a href="/java-method-class/">Java 메소드 클래스</a> </li><li> <a href="/environment/">환경</a> </li><li> <a href="/java-strings/">Java 문자열</a> </li><li> <a href="/celebrity/">유명 인사</a> </li><li> <a href="/medlife/">메드라이프</a> </li><li> <a href="/tutorials/">튜토리얼</a> </li><li> <a href="/math-queries/">수학 쿼리</a> </li><li> <a href="/sas-tutorial/">Sas 튜토리얼</a> </li>
                                
                            </ul>
                        </div><!--//content-->  
                    </div><!--//section-inner-->                 
                </aside><!--//aside-->
                
                 <aside class="testimonials aside section">
                   <div class="section-inner">
                        <h2 class="heading">자바 문자열</h2>
                        <div class="content">
                            <div class="item">
                                 <blockquote class="quote">                                  
                                    <span> <i class="fa fa-quote-left"></i> concat, CompareTo, Split, Join, 바꾸기, 자르기, 길이, 인턴, 같음, 비교, 하위 문자열 작업과 같은 메서드가 포함된 Java 문자열 클래스입니다.</span>
                                </blockquote>                
                                                                                             
                            </div><!--//item-->
                            
                            <p> <a class="more-link" href="/java-string"> <i class="fa fa-external-link"></i> 자세히보기</a> </p> 
                            
                        </div><!--//content-->
                    </div><!--//section-inner-->
                </aside><!--//section-->
                
               
                            
                 <aside class="languages aside section">
                    <div class="section-inner">
                        <h2 class="heading">재미있는 기사</h2>
                        <div class="content">
                            <ul class="list-unstyled">
                                <li class="item">
                                    <span class="title"> <strong> <a href="/scan-c-scan-algorithm">SCAN 및 C-SCAN 알고리즘</a> </strong> </span>
                                    
                                </li><!--//item--><li class="item">
                                    <span class="title"> <strong> <a href="/java-finally-block">Java가 마침내 차단되었습니다.</a> </strong> </span>
                                    
                                </li><!--//item--><li class="item">
                                    <span class="title"> <strong> <a href="/array-structures-vs-array-within-structure-c">구조체의 배열과 C의 구조체 내 배열</a> </strong> </span>
                                    
                                </li><!--//item--><li class="item">
                                    <span class="title"> <strong> <a href="/control-structures-python">Python의 제어 구조</a> </strong> </span>
                                    
                                </li><!--//item--><li class="item">
                                    <span class="title"> <strong> <a href="/differences/">차이점</a> </strong> </span>
                                    
                                </li><!--//item-->
                               
                            </ul>
                        </div><!--//content-->
                    </div><!--//section-inner-->
                </aside><!--//section-->
                
              
                 <aside class="list music aside section">
                    <div class="section-inner">
                        <h2 class="heading">인기 게시물</h2>
                        <div class="content">
                            <ul class="list"> <li><a href="/java-escape-characters">자바 이스케이프 문자</a>
</li><li><a href="/bfs-algorithm">bfs 검색</a>
</li><li><a href="/java-queue-interface">자바의 대기열</a>
</li><li><a href="/javascript-array-splice-method">당신은 스플 ​​라이스입니다</a>
</li><li><a href="/how-get-iphone-emojis-android">안드로이드에서 사과 이모티콘을 얻는 방법</a>
</li><li><a href="/typescript-foreach">foreach 타이프스크립트</a>
</li><li><a href="/java-convert-boolean-string">자바 부울 문자열</a>
</li> 
                                
                                
                            </ul>
                        </div><!--//content-->
                    </div><!--//section-inner-->
                </aside><!--//section-->
              
            </div><!--//secondary-->    
        </div><!--//row-->
    </div><!--//masonry-->
    
	    <footer class="footer">
        <div class="container text-center">
                <span>
Copyright ©2025 판권 소유 |  <a href="//bg.techcodeview.com/">techcodeview.com</a> | <a href="/disclaimer" rel="nofollow noopener noreferrer" target="_blank">부인 성명</a>  |  <a href="/about-us" rel="nofollow noopener noreferrer" target="_blank">회사 소개</a>  |  <a href="/privacy-policy" rel="nofollow noopener noreferrer" target="_blank">개인 정보 보호 정책</a>  </span>
        </div>
    </footer>
 
         
    <script type="text/javascript" src="https://techcodeview.com/template/assets/plugins/jquery-1.11.3.min.js"></script>
    <script type="text/javascript" src="https://techcodeview.com/template/assets/plugins/bootstrap/js/bootstrap.min.js"></script>    
    

    <script type="text/javascript" src="https://techcodeview.com/template/assets/js/main.js"></script>     
	
	<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/highlight.min.js"></script>
	
</body>
</html>