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.

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" />

Free Live Chat for Any Issue

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?

Read Also:  html label text color - How to change label color with html and CSS without js?

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

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

or

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

Download

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.