Wie Sie ein PDF-Dokument auf Ihrer Website einbinden

April 26

Es gibt zwei Möglichkeiten, eine PDF-Datei auf Ihrer Website zu setzen: Sie fügen Sie einen Link zu einer oder eine aktuelle PDF-Dokument innerhalb einer Webseite einbetten können. Die Methode, die Sie wählen, hängt Ihre Entwurfsziele. Haben Sie eine PDF-Datei, die Sie wollen immer sichtbar, möglicherweise einbetten eine klügere Wahl. Auf der anderen Seite können Sie keine PDF-Datei in einem Webbrowser geladen werden, wenn ein Benutzer möglicherweise nicht es sehen muss. Mit HTML, können Sie verknüpfen oder Einbetten von PDF auf Ihrer Website.

Anweisungen

1 Starten Sie einen HTML-Editor und öffnen Sie ein HTML-Dokument zu.

2 Fügen Sie diesen Code in das Dokument "Textabschnitt":

< Div >

< object-Klasse = "Pdf" Data = "http://www.xyz.pdf" Type = "Application/Pdf" >

Ihr Browser unterstützt keine PDFs

< / Objekt >

< / Div >

"Object" Tag bettet eine PDF-Datei in der Webseite. Ersetzen Sie "xyz.pdf" mit der URL einer PDF-Datei, die im Web befindet. Zum Beispiel, wenn die PDF-Datei auf Ihrem eigenen Web-Server und die PDF-Datei-URL lautet "http://www.MyServer.com/Test.pdf", machen Sie den Code wie folgt aussehen:

< Div >

< object-Klasse = "Pdf" Data = ""http://www.MyServer.com/Test.pdf"Type =" Application/Pdf">

Ihr Browser unterstützt keine PDFs

< / Objekt >

< / Div >

Beachten Sie, dass das Object-Tag verweist auf eine CSS-Klasse mit dem Namen "Pdf."

3 Platzieren Sie den folgenden HTML-Code unterhalb des vorherigen Codes:

< a href="xyz.pdf" > Ansicht externer Link zum PDF </a >

Dies erstellt einen Hyperlink. Ersetzen Sie "xyz.pdf" mit der gleichen URL der zuvor angegebenen PDF-Datei.

4 Fügen Sie folgenden Code in das Dokument "Kopf" Abschnitt:

< Typ style = "Text/Css" >

.PDF {Height: 400px; Width: 500px;}

< / style >

Dies erstellt die "Pdf"-Klasse, die das Object-Tag im Body-Bereich verweist. Diese Klasse können Sie des PDF-Dokument Height und Width festgelegt. In diesem Beispiel sind diese Werte 400 Pixel und 500 Pixel. Ändern Sie diese auf andere Werte, die Dimensionen des PDF-Viewers zu ändern.

5 Speichern Sie das Dokument, und öffnen Sie sie in einem Browser. Die PDF-Datei wird angezeigt. Klicken Sie den Link, der auf der Seite angezeigt wird. Ihr Browser navigiert zu der gleichen PDF-Dokument.

Tipps & Warnungen

  • Beachten Sie, dass das "Objekt"-Tag enthält den Text "Ihr Browser unterstützt PDF-Dateien." Dies ist die Standard-Text, der angezeigt wird wenn der Browser des Benutzers nicht unterstützt PDF ansehen. Sie können diesen Text an Ihre Bedürfnisse ändern.