Wie Sie ein PDF-Dokument auf Ihrer Website einbinden
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.