how to display pdf file in html web page – 3 Steps to Embed PDF Documents in HTML Website

how to display pdf file in html web page : The easiest way to display a PDF file is to use HTML anchor link. embed a pdf iframe or objec?, pdf display in html and how to embed pdf type file in webpage.

how to display pdf file in html web page?

Generally, a hyperlink is used to link a PDF document to display in the browser. there are the following the 3 Steps to Embed PDF Documents in HTML Website.

Read Also:  Responsive Footer Code In HTML & CSS Source code

today we will learn how do we embed the PDF file in a web page.

How to Embed PDF file into the HTML Web Pages?

Example : 1

<embed src="files/article.pdf" type="application/pdf" width="100%" height="600px" />

Example 2:

<embed src="files/article.pdf#toolbar=0&navpanes=0&scrollbar=0" type="application/pdf" width="100%" height="800px"/>

Specifying Parameters in URL

Examples

http://pakainfo.com/document.pdf#Chapter9
http://pakainfo.com/document.pdf#page=5
http://pakainfo.com/document.pdf#page=3&zoom=200,250,100
http://pakainfo.com/document.pdf#zoom=100
http://pakainfo.com/document.pdf#page=72&view=fitH,100

Don’t Miss : How to add PDF file in HTML code?

Implementation of a simple PDF file in your HTML web-page is very simply.

<embed src="document.pdf" width="790px" height="1900px" />

or

Read Also:  dashboard cards : 5+ Best Admin panel dashboard card design using html and css

<embed src="http://pakainfo.com/document.pdf" width="500" height="375" 
 type="application/pdf">

I hope you get an idea about how to display pdf file in html web page.
I would like to have feedback on my infinityknow.com blog.
Your valuable feedback, question, or comments about this article are always welcome.
If you enjoyed and liked this post, don’t forget to share.