How to Embed PDF Files
A PDF, or Portable Document Format file, is a convenient way to carry and display large documents. A PDF presents much like a booklet. When a viewer clicks on a link to open a PDF document, the Internet server will automatically engage the appropriate viewer or prompt the user to install one. When creating a PDF for Internet viewing, you must use code that tells the server to look for an external source and load it. HTML embeds the file into a normal webpage. The protocol syntax is straightforward and makes providing PDF files on your website a piece of cake.
Other People Are Reading
Instructions
-
-
1
Create your PDF file using a program such as Adobe Acrobat or CutePDF. Set your PDF file to open in full-screen mode in order to eliminate navigation tools, such as the toolbar or scroll bars. Save the file to your hard drive.
-
2
Open your HTML editor, such as Dreamweaver.
-
-
3
Select "File" from the top of the screen. This will open the File menu. Click "New" from the options.
-
4
Add the code to embed the PDF document. In HTML, the tag "src" prompts the server to look for something external. In this case, we want it to look for a PDF file. The syntax for embedding a PDF document consists of <embed src="file.pdf" then the width and height of the document. For example, if you created a PDF file titled MyHome.pdf your code would look like this:
<embed src= "MyHome.pdf" width= "500" height= "375">
This code will embed a PDF file called MyHome. The file will be 500 pixels wide and 375 pixels tall.
-
5
Upload both the HTML page and PDF file to your server. Make sure they are located in the same directory.
-
1
