Home  »  Uncategorized   »   How to Embed a PDF File in HTML5 Web Page

How to Embed a PDF File in HTML5 Web Page

Posted: December 9, 2022 | by Michael Bright

This example snippet uses the iframe tag to embed a PDF file in an HTML5 page.

<!DOCTYPE html>
<html>
   <head>
      <title>HTML PDF Page Title</title>
   </head>
   <body>
      <h1>HTML PDF Page Title</h1>
      <iframe src = "http://local.brightwhiz/example_pdf.pdf" style="width:800px; height:400px;"></iframe>
   </body>
</html>

Found this article interesting? Follow Brightwhiz on Facebook, Twitter, and YouTube to read and watch more content we post.