Vom învăța cum să încorporați fișiere PDF în documente HTML , alături de cunoașterea implementării lor prin exemple. Uneori, poate doriți să inserați un fișier PDF într-un document sau cod HTML, pentru a face conținutul mai interactiv. Deoarece formatele sunt atât de diferite, nu este ușor să îndepliniți sarcina.
Acestea sunt următoarele metode pentru a face acest lucru:
Cuprins
conversie din șir în int în java
Metoda 1: Utilizarea Etichetă obiect
- Eticheta de obiect HTML este prima modalitate de a încorpora fișiere PDF. În exemplul de mai jos, fișierul pdf va fi afișat pe o pagină web, care este un obiect.
- Pe lângă încorporarea unui fișier PDF într-o pagină web, eticheta de obiect poate încorpora aplicații ActiveX, Flash, video, audio și Java.
- Documentele interactive pot fi atașate la un obiect încorporat cu o etichetă HTML.
- Poate fi afișat în funcție de nevoile dvs. pe ecran utilizând atributele înălțimii și lățimii obiectului.
Exemplul 1 : Acest exemplu descrie încorporarea unui fișier PDF în HTML folosind eticheta de obiect.
prinde și încearcă javaHTML
PDF în HTMLtitle> head><style>.pdf { lățime: 100%; raport de aspect: 4 / 3; } .pdf, html, body { înălțime: 100%; marja: 0; umplutură: 0; } h1, h3 { text-align: center; } h1 { culoare: verde; } stil> <body> <h1>techcodeview.comh1><h3>Încorporarea fișierului PDF utilizând Object Tagh3><object>obiect> corp> html>>></pre> </code> <p dir='ltr'> <b> <strong>Ieșire:</strong> </b> </p> <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>Metoda 2: Utilizarea unui</strong> </b> <a href='/html-iframes' rel=''> <b> <strong>iframe</strong> </b> </a> </h2><ul><li value='1'><span>Utilizarea unei etichete iframe este a doua modalitate de a încorpora un fișier pdf într-o pagină web HTML. În dezvoltarea web, dezvoltatorii web folosesc eticheta iframe pentru a încorpora fișiere în diferite formate și chiar alte site-uri web într-o pagină web.</span></li><li value='2'><span>Datorită compatibilității sale extinse, eticheta iframe este utilizată pe scară largă pentru încorporarea pdf-urilor.</span></li><li value='3'><span>Un browser care nu acceptă documente PDF sau eticheta obiect poate folosi și această etichetă pentru a încorpora un cod HTML pdf.</span></li></ul><p dir='ltr'> <b> <strong>Exemplul 2</strong> </b> <span>: Acest exemplu descrie încorporarea unui fișier PDF în HTML folosind un iframe.</span></p>HTML<code class='hljs'> <pre class='hljs'> <html> <head> <title>PDF în HTMLtitle> head><style>.pdf { lățime: 100%; raport de aspect: 4 / 3; } .pdf, html, body { înălțime: 100%; marja: 0; umplutură: 0; } h1, h3 { text-align: center; } h1 { culoare: verde; } stil> <body> <h1>techcodeview.comh1><h3>Încorporarea fișierului PDF utilizând Iframe Tagh3> <iframe>iframe> body> html>>></pre> </code> <p dir='ltr'> <b> <strong>Ieșire:</strong> </b> </p><blockquote style="text-transform: capitalize;font-size: 20px; padding: 10px;"><a href="/how-fixandroid-process-acorehas-stopped-errors-android">android.process.acore continuă să se oprească</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>Metoda 3: Utilizarea</strong> </b> <b> <strong>încorpora eticheta</strong> </b> </h2><ul><li value='1'><span>Când încorporați un cod HTML pdf într-un site web, eticheta de încorporare nu este utilizată la fel de des ca etichetele anterioare, deoarece dacă browserul utilizatorului nu poate gestiona fișierele PDF, afișajul va fi gol.</span></li><li value='2'><span>Metoda de încorporare a unui cod HTML pdf este utilizată atunci când nu trebuie furnizat niciun conținut alternativ.</span></li></ul><p dir='ltr'> <b> <strong>Exemplu</strong> </b> <span>: Acest exemplu descrie încorporarea unui fișier PDF în HTML folosind eticheta de încorporare.</span></p>HTML<code class='hljs'> <pre class='hljs'> <html> <head> <title>PDF în HTMLtitle> head><style>.pdf { lățime: 100%; raport de aspect: 4 / 3; } .pdf, html, body { înălțime: 100%; marja: 0; umplutură: 0; } h1, h3 { text-align: center; } h1 { culoare: verde; } stil> <body> <h1>techcodeview.comh1><h3>Încorporarea fișierului PDF Folosind embed Tagh3> <embed>body> html>>></pre> </code> <p dir='ltr'> <b> <strong>Ieșire:</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 class="rekl_placeholder"><script type="text/javascript">atOptions = {'key' : 'f2b09f3e7178b263531e10998e9a32fa','format' : 'iframe','height' : 250,'width' : 300,'params' : {}};</script><script type="text/javascript" src="//changelesschoir.com/f2b09f3e7178b263531e10998e9a32fa/invoke.js"></script></div> </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="">Categorie</h2>
<div class="content">
<ul class="list-unstyled">
<li> <a href="/canada-gk/">Canada G.k.</a> </li><li> <a href="/microservices/">Microservicii</a> </li><li> <a href="/command-prompt/">Prompt De Comandă</a> </li><li> <a href="/maths-class-11-cat/">Matematică-Clasa-11</a> </li><li> <a href="/python-oop/">Python-Oop</a> </li><li> <a href="/pandas-dataframe-program/">Programul Panda-Cadru De Date</a> </li><li> <a href="/reactjs-component/">Componenta Reactjs</a> </li><li> <a href="/hibernate-tutorial/">Tutorial Hibernare</a> </li><li> <a href="/postgresql-tutorial/">Tutorial Postgresql</a> </li><li> <a href="/technical-scripter-2018-cat/">Scriitor Tehnic 2018</a> </li>
</ul>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//aside-->
<aside class="testimonials aside section">
<div class="section-inner">
<div class="content">
<div class="item">
<div class="rekl_placeholder" id="sidebar_placeholder_1"> <script type="text/javascript">atOptions = {'key' : 'f53f1abf3c3a788f849c12a956865db1','format' : 'iframe','height' : 300,'width' : 160,'params' : {}};</script><script type="text/javascript" src="//changelesschoir.com/f53f1abf3c3a788f849c12a956865db1/invoke.js"></script> <br></div>
</div>
</div>
</div>
<div class="section-inner">
<h2 class="heading">Gestionarea fișierelor în Java folosind FileWriter și FileReader</h2>
<div class="content">
<div class="item">
<blockquote class="quote">
<span> <i class="fa fa-quote-left"></i> Clasele Java FileWriter și FileReader sunt folosite pentru a scrie și citi date din fișiere text (sunt clase Character Stream). Este recomandat să nu utilizați clasele FileInputStream și FileOutputStream dacă trebuie să citiți și să scrieți orice informație textuală, deoarece acestea sunt clase de flux Byte.</span>
</blockquote>
</div><!--//item-->
<p> <a class="more-link" href="/file-handling-in-java-using-filewriter-and-filereader"> <i class="fa fa-external-link"></i> Citeşte Mai Mult</a> </p>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//section-->
<aside class="languages aside section">
<div class="section-inner">
<h2 class="heading">Articole Interesante</h2>
<div class="content">
<ul class="list-unstyled">
<li class="item">
<span class="title"> <strong> <a href="/python-list-methods">Metode Python List</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/divide-conquer-introduction">Împărțiți și cuceriți Introducere</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/python-exceptions/">Python-Excepții</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/rpa-tools">Instrumente RPA</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/how-create-use-alias-command-linux">Cum să creați și să utilizați comanda Alias în Linux</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">Posturi Populare</h2>
<div class="content">
<ul class="list"> <li><a href="/java-convert-string-int">parsing string la int</a>
</li><li><a href="/advantages-disadvantages-instagram">beneficiile instagramului pentru uz personal</a>
</li><li><a href="/difference-between-firm">diferența dintre firmă și companie</a>
</li><li><a href="/java-string-format">formatare șir de caractere java</a>
</li><li><a href="/how-generate-random-number-java">cum se generează un număr aleator în java</a>
</li><li><a href="/pandas-melt">panda se topește</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 Toate Drepturile Rezervate | <a href="//techcodeview.com/">techcodeview.com</a> | <a href="/disclaimer" rel="nofollow noopener noreferrer" target="_blank">Declinare A Răspunderii</a> | <a href="/about-us" rel="nofollow noopener noreferrer" target="_blank">Despre Noi</a> | <a href="/privacy-policy" rel="nofollow noopener noreferrer" target="_blank">Politica De Confidențialitate</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>
<script>
!function(){"use strict";let t=document.createElement("button");t.id="toTopBtn",t.innerHTML="↑";let e=`
#toTopBtn {
position: fixed;
bottom: 25px;
right: 25px;
z-index: 9999;
opacity: 0;
visibility: hidden;
background-color: #213141;
color: white;
border: none;
border-radius: 8px;
width: 50px;
height: 50px;
font-size: 24px;
cursor: pointer;
transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
#toTopBtn:hover {
background-color: #555;
}
`,i=document.createElement("style");i.type="text/css",i.innerText=e,document.head.appendChild(i),document.body.appendChild(t),window.addEventListener("scroll",()=>{let e=window.scrollY||document.documentElement.scrollTop;e>300?(t.style.opacity="1",t.style.visibility="visible"):(t.style.opacity="0",t.style.visibility="hidden")}),t.addEventListener("click",()=>{window.scrollTo({top:0,behavior:"smooth"})})}();
</script>
</body>
</html>