How to Embed PDF Document in HTML Web Page – CodexWorld

by and large, a hyperlink is used to link a PDF document to display in the browser. An HTML anchor connection is the easiest way to display a PDF charge. But if you want to display a PDF document on the web foliate, PDF file needs to be embedded in HTML. The HTML chase is the best choice to embed PDF document on the web page. In this tutorial, we will show you how to display PDF file in the network page using HTML tag.

The HTML tag defines a container to load external content in the web page. The comply parameters can be specified in the tag .

  • src – Specify the path of the external file to embed.
  • type – Specify the media type of the embedded content.
  • width – Specify the width of the embedded content.
  • height – Specify the height of the embedded content.

Embed PDF File in HTML

Use the follow code to embed the PDF file in the HTML network page .

 < 

embed

src

=

"files/Brochure.pdf"

type

=

"application/pdf"

width

=

"100%"

height

=

"600px"

/ >

PDF Document View Configuration

nowadays we will show how you can control the PDF text file see on the web page. Using parameters in the URL, you can specify precisely what to display and how to display PDF documents.
The follow parameters are normally used to embed PDF file in HTML or open in the browser.

  • page=pagenum – Specifies a number (integer) of the page in the document. The document’s first page has a pagenum value of 1.
  • zoom=scale – Sets the zoom and scroll factors, using float or integer values. For example, a scale value of 100 indicates a zoom value of 100%.
  • view=Fit – Set the view of the displayed page.
  • scrollbar=1|0 – Turns scrollbars on or off.
  • toolbar=1|0 – Turns the toolbar on or off.
  • statusbar=1|0 – Turns the status bar on or off.
  • navpanes=1|0 – Turns the navigation panes and tabs on or off.

Specifying Parameters in URL

You can specify multiple parameters in the URL. Each argument should be separated with either an ampersand ( & ) or a syrian pound ( # ) character. Actions are executed from left to right and later actions will override the former actions .

http://example.com/doc.pdf#Chapter5
http://example.com/doc.pdf#page=5
http://example.com/doc.pdf#page=3&zoom=200,250,100
http://example.com/doc.pdf#zoom=100
http://example.com/doc.pdf#page=72&view=fitH,100

Disable and Hide Toolbar in PDF Web Viewer

This model shows how to hide or remove the toolbar, navpanes, and scrollbar of the PDF charge opened in HTML using parameters in URL .
Use the following code to embed PDF document in the network page and remove or hide toolbar of embedded PDF .

< embed  src= `` files/Brochure.pdf # toolbar=0 & navpanes=0 & scrollbar=0 ''  type= `` application/pdf ''  width= `` 100 % ''  stature= `` 600px ''  />

Convert HTML to PDF using JavaScript
Are you want to get execution aid, or modify or enhance the functionality of this script ? Submit Paid Service Request
If you have any questions about this script, submit it to our QA community – Ask interview

reservoir : https://thefartiste.com
Category : Tech

About admin

I am the owner of the website thefartiste.com, my purpose is to bring all the most useful information to users.

Check Also

articlewriting1

Manage participants in a zoom meeting webinar

Call the people who attend the meet as follows Alternate host host Who scheduled the …

Leave a Reply

Your email address will not be published.